首页 > 代码库 > CSS------如何让ul中的li分为两列甚至多列

CSS------如何让ul中的li分为两列甚至多列

转载:

http://blog.sina.com.cn/s/blog_7f13f92a0100rkfg.html

 

只需要复制ul和li中的style样式即可

如果需要自定义多少列,只需要修改li中的with属性即可

<ul style="overflow:hidden;zoom:1" >
  @foreach (IGrouping<string, RegionInfo> item in ViewBag.Area)
  {
    <li style="float:left;width:300px;padding:5px">
      <span style="color:red;font-size:20px">@item.Key</span>
      @foreach (var entity in item)
      {
        <a class="province" style="font-size:15px;color:#333;cursor:pointer">@entity.Name<input type="hidden" value="http://www.mamicode.com/@entity.RegionId"/></a>
      }
    </li>
  }
</ul>

 

CSS------如何让ul中的li分为两列甚至多列