c# - 如何将 CheckBoxList 放在其标签的右侧？CheckBoxList 的宽度是多少？

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

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/

Answer 2

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