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="@entity.RegionId"/></a>
　　　　　　}
　　　　</li>
　　}
</ul>