Question

当我尝试创建一些Checkbox时，我插入了奇怪的空格： image

<td style="width:85%;white-space:nowrap;" colspan=3>
    <asp:CheckBox ID="rdoSchool" runat="server" Text="School (NSL)" />
    <asp:CheckBox ID="rdoSFS" runat="server" Text="Summer Food Service" />
    <asp:CheckBox ID="rdoOther" runat="server" Text="Other (Specify)" />&nbsp<asp:TextBox ID="txtOther" Width="125px" runat="server" />
</td>

如何使标签更接近复选框？

Answer 1

这不是默认样式，很可能是由CSS引起的。使用像Firebug（在Firefox上）或IE8上的开发人员工具这样的工具来查找应用的CSS规则（无论哪种方式都应该 F12 ）。

Answer 2

查看CheckBox控件生成的标记。

... “现在有你的问题” - Adam Savage，流言终结者。

基本上，CheckBox控件（以及RadioButtonList控件）会生成糟糕的标记。解决此问题的一种方法是扩展和覆盖Render方法以实现一些合理的标记生成代码。另一种选择是使用一些聪明的CSS技巧强制控件生成的HTML表格。

Checkbox标签的奇怪间距

2 个答案: