在我的网页中,我有以下代码,基本上是一个按钮,两个单选按钮和一个标签,
<tr>
<td class="primary-BL1" style="text-align:right; width:18%">
<asp:Button ID="SubmitButton" runat="server" Text="Submit" onclick="SubmitButton_Click" CssClass="button" />
</td>
<td class="primary-BL1" style="text-align:left; width:34%">
<asp:RadioButtonList ID="rblVerification" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Value="V">Verified</asp:ListItem>
<asp:ListItem Value="NV">Not Verified</asp:ListItem>
</asp:RadioButtonList>
</td>
<td class="primary-BL1" style="text-align:left; width:48%">
<asp:Label runat="server" ID="CallReasonMessageLabel" CssClass="required"></asp:Label>
</td>
</tr>
当我单击提交按钮时,如果标签显示一些错误消息,按钮的位置将向左移动一点。如何使按钮保持在固定位置?这只发生在IE8中,而不是IE7。
答案 0 :(得分:1)
尝试为第一个单元格设置固定宽度,例如200px:
<td class="primary-BL1" style="text-align:right; width:200px">
<asp:Button ID="SubmitButton" runat="server" Text="Submit" onclick="SubmitButton_Click" CssClass="button" />
</td>
如果您对单元格使用百分比,在某些浏览器中,它将根据其内容进行修复
换句话说,我建议你使用div而不是表格。如果你不熟悉css,你可以使用CSS框架以更清洁的方式放置你的项目。我几乎不推荐bootstrap's grid system