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

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

2024-09-01 21:58:00   219人阅读

转载：

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分为两列甚至多列


联系
我们