我想要复选框列表对齐

时间:2013-11-11 06:44:14

标签: c# asp.net

![这是我使用复选框列表的输出] [1]

这是我从自己的项目中得到的......

但我真的喜欢这个复选框列表..![这是我真的想要的样本] [2]

这是我的输出[1]:http://i.stack.imgur.com/nrlMq.png 我想要这个模型[2]:http://i.stack.imgur.com/N7VNP.png 我该怎么办我得到这个复选框列表..

    <asp:CheckBoxList ID="CheckBoxList1" 
             RepeatColumns="4"
             RepeatDirection="Horizontal"
             runat="server" 
             style="font-size: large">

这是我的来源我需要CSS和良好的对齐... 请帮助我吗?

1 个答案:

答案 0 :(得分:0)

您可以按如下方式使用layout

 <asp:checkboxlist runat="server" id="chkBoxList1" cssclass="chkBoxList" 
      repeatcolumns="4" repeatlayout="Table">
 </asp:checkboxlist>

用css

<style>
  .chkBoxList tr
  {
      height:24px;
  }

  .chkBoxList td
  {
      width:120px; /* or percent value: 25% */
  }
</style>