1

CheckboxListを作成しましたが、整列しません。生成されたHTMLを制御する方法がわかりません。現在、<td>各チェックボックスラベルの幅が自動幅であるため、チェックボックスは整列していません。これの幅を設定し、すべてのラベルとチェックボックスを2つの垂直に配置された列に表示するにはどうすればよいですか？

私のコードは単純です：

<div style="text-align: center;">
    <p>
    Here you will tell..
    </p>
    <asp:CheckBoxList runat="server" ID="cbl" Width="300px"></asp:CheckBoxList>
    <br />
    <input type="button" id="next_3" value="Next Page" />
</div>

そしてここにスクリーンショットがあります

代替テキスト

4

4 に答える 4

8

<div>次のように左揃えを行う別のファイルに含めることができます。

<div style="text-align: center;">
    <p>Here you will tell..</p>
    <div style="text-align: left; width: 50%; margin: auto;">
        <asp:CheckBoxList runat="server" ID="cbl" Width="300px"></asp:CheckBoxList>
    </div> 
    <input type="button" id="next_3" value="Next Page" />
</div>
于 2010-04-27T17:41:15.363 に答える
2

DIVやその他の要素や固定サイズを使用しません。「 float：left」をCssのチェックボックスリスト入力タイプに設定することで、「チェックボックスリストのテキストを揃えることができます。

Please check the following example code:
========================================

.CheckboxList
{

    font-size:14px;
    color:#333333;

}
.CheckboxList input
{
    float:left;
    clear:both;
}

.Aspx Code:
===========

<asp:CheckBoxList runat="server" ID="chlCities" RepeatColumns="2" CssClass="CheckboxList"></asp:CheckBoxList>
于 2011-08-03T17:30:12.000 に答える
2

チェックボックスリストに以下を追加するだけです

Style = "text-align ='left'";

<asp:CheckBoxList ID="CheckBoxList1" runat="server" TextAlign="Right" Style="text-align='left';"
                                        RepeatColumns="10" RepeatDirection="Vertical" CellSpacing="20">
于 2010-07-05T09:45:33.487 に答える
0

たぶん私はあなたの質問を理解していませんが、私にとってこれはうまくいきます：

<table>
    <tr>
        <td><input type="checkbox" name="cb1" id="cb1"><label for="cb1">Checkbox 1</label></td>
    </tr>
    <tr>
        <td><input type="checkbox" name="cb2" id="cb1"><label for="cb2">Checkbox 2</label></td>
    </tr>
    <tr>
        <td><input type="checkbox" name="cb3" id="cb1"><label for="cb3">Checkbox 3</label></td>
    </tr>
    <tr>
        <td><input type="checkbox" name="cb4" id="cb1"><label for="cb4">Checkbox 4</label></td>
    </tr>
    <tr>
        <td><input type="checkbox" name="cb5" id="cb1"><label for="cb5">Checkbox 5</label></td>
    </tr>
</table>

HTMLにリンクしたり、HTMLを表示したりできる場合は、さらにサポートを提供できる可能性があります。

于 2010-04-27T16:45:51.470 に答える