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>

并查看此demo。