asp.net - CheckBoxList 水平

Question

Hy 是否可以使用 checkboxlist 这种形式：

提前致谢。

Answer 1

只需设置重复方向。

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>

看看这个演示。