CheckBoxList水平

Question

为什么可以使用以下形式的checkboxlist：

​

​

提前谢谢。

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。