asp.net - CheckBoxList 水平

Question

Hyはこのフォームをチェックボックスリストで行うことができます:

前もって感謝します。

Answer 1

RepeatDirection を設定するだけです。

RepeatDirection="Horizontal"

Answer 2

チェックボックスの上にラベル テキストを配置するという目的を達成するには、少し CSS を使用する必要があります。私は今これを自由に書いているので、以下は100％機能しないかもしれませんが、あなたのためにボールが転がるはずです.

<asp:CheckBoxList ID="CheckBoxList1" RepeatLayout="Table" RepeatDirection="Horizontal" runat="server" />

CSS

#CheckBoxList1 label{position: relative; top: -10px; left: -5px;}

基本的には、表示されているテキストであるラベルをターゲットにして、最初に表示されていた場所から移動します。

別のアプローチは、ラベルを絶対的に配置することです。このようなものはうまくいくでしょう....

#CheckBoxList1 td{position: relative;}
#CheckBoxList1 label{position: absolute; top: 0px; left: 5px;}
#CheckBoxList1 input{position: absolute: top: 10px: left: 0px;}

繰り返しますが、特にピクセル数は完璧ではないかもしれません。お役に立てれば。

Answer 3

複雑ではありません:

これを試して

<form runat="server">
<asp:CheckBoxList id="cb1" runat="server"
**RepeatDirection="Horizontal"**>

Some content

</asp:CheckBoxList>
</form>

このデモを見てください。