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

本文介绍了一种使用HTML和CSS实现自定义列数的列表布局方法。通过调整li元素的宽度属性,可以轻松设置所需的列数。文章提供了具体的代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

转载:

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>

 

转载于:https://www.cnblogs.com/tianhengblogs/p/6336502.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值