asp複選框列表重複方向

Question

我正在使用checklistbox。我想列出所有這樣的項目

但是在repeatdirection中有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 Properties

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>