Question

如何让复选框列表显示在标签的右侧？

下拉列表显示在其标签的右侧，代码类似，但复选框列表显示在标签下方：

<p>
    <asp:Label ID="lblTestVersions" runat="server" Text="Toetsversie:" AssociatedControlID="DropDownListTestVersions"></asp:Label>
    <asp:DropDownList ID="DropDownListTestVersions" runat="server" Width="250" TabIndex="1" >
    </asp:DropDownList>
</p>
<p>
    <asp:Label ID="lblTests0" runat="server" Text="Opties:"></asp:Label>
    <asp:CheckBoxList ID="CheckBoxList1" runat="server" TabIndex="2" Width="200">
        <asp:ListItem Width="200">Option 1</asp:ListItem>
        <asp:ListItem Width="200">Option 2</asp:ListItem>
    </asp:CheckBoxList>
</p>

我尝试用几个Width="200"来限制复选框列表的宽度，但这没有帮助。

答案（见下文）是CheckBoxList实际上是一个表，并且总是转到下一行。

Answer 1

只需尝试使用HTML表格，只需将标签保存在一个td中，将复选框列表保存在另一个td中。

Answer 2

<强> CSS：

#lblTests0 { float: left; display:block; width: 100px; }

示例：

<p> <label id="lblTests0">Opties:</label> <table id="check1"> <tbody> <tr> <td><input id="check1_0" type="checkbox" name="check1$0" value="Item 1"><label for="check1_0">Item 1</label></td> </tr> <tr> <td><input id="check1_1" type="checkbox" name="check1$1" value="Item 2"><label for="check1_1">Item 2</label></td> </tr> </tbody> </table> </p>

预览可以在http://jsfiddle.net/NMWGh/
找到

如何在其标签右侧获取CheckBoxList？ CheckBoxList的宽度是多少？

2 个答案: