CheckBoxList的水平

Question

海兰 是否有可能与CheckBoxList的做到这一点的形式：

在此先感谢。

Answer 1

只需设置RepeatDirection即可。

RepeatDirection="Horizontal" 

Answer 2

这并不复杂：

试试这个

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

Some content 

</asp:CheckBoxList> 
</form> 

，并期待这个demo。

Answer 3

为了达到您在复选框上方使用标签文本的愿望，您需要使用一点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;} 

再次，可能不完美，尤其是像素数。希望这可以帮助。