-2

チェックボックスリストをラベルの右側に表示するにはどうすればよいですか?

ドロップダウンリストはラベルの右側に同様のコードで表示されますが、チェックボックスリストはラベルの下に表示されます。

<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 は実際にはテーブルであり、常に次の行に移動するということです。

4

2 に答える 2

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/NMWWh/

于 2013-10-02T10:33:50.990 に答える
1

単純に HTML テーブルを使用してみてください。ラベルを 1 つtdに、checkboxlist を別のものに保持してtdください。

于 2013-10-02T10:14:06.710 に答える