asp.net - asp checkboxlist 重复方向

Question

我正在使用复选框。我想列出所有这样的项目

但是在重复方向有 2 个选择。只有水平和垂直。

这是我的代码：

<asp:CheckBoxList runat="server" RepeatDirection="Horizontal">
    <asp:ListItem Text=" Monday "></asp:ListItem>
    <asp:ListItem Text=" Tuesday "></asp:ListItem>
    <asp:ListItem Text=" Wednesday "></asp:ListItem>
    <asp:ListItem Text=" Thursday "></asp:ListItem>
    <asp:ListItem Text=" Friday "></asp:ListItem>
    <asp:ListItem Text=" Saturday "></asp:ListItem>
    <asp:ListItem Text=" Sunday "></asp:ListItem>
</asp:CheckBoxList>

所以我的意思是一半垂直和一半水平。当行已满时，其他项目将在下一行。

我怎样才能做到这一点？

Answer 1

你可以使用这个RepeatDirection, RepeatColumns, 和RepeatLayout:

<asp:CheckBoxList RepeatDirection="Horizontal" 
        RepeatColumns="2" RepeatLayout="Table" ...>

在此处查看有关属性的更多信息：CheckBoxList 属性

Answer 2

.myGroupCheckBox{
            list-style:none;
            width:270px;            
        }
 .myGroupCheckBox li{
            display: inline;
        }
<asp:CheckBoxList ID="CheckBoxList1" runat="server" CssClass="myGroupCheckBox"
            RepeatLayout="UnorderedList">
            <asp:ListItem Text=" Monday "></asp:ListItem>
            <asp:ListItem Text=" Tuesday "></asp:ListItem>
            <asp:ListItem Text=" Wednesday "></asp:ListItem>
            <asp:ListItem Text=" Thursday "></asp:ListItem>
            <asp:ListItem Text=" Friday "></asp:ListItem>
            <asp:ListItem Text=" Saturday "></asp:ListItem>
            <asp:ListItem Text=" Sunday "></asp:ListItem>
        </asp:CheckBoxList>