css实现ul li换行-老鄢博客

css实现ul li换行

发布时间：2021-12-25 01:47:36 作者：admin 阅读：2164次

在最早的布局中我们使用table

现在早就使用ul li了

UI->li自动换行参数：white-space:nowrap;

如何实现呢？

<style>
ul{
    margin:0px;
    padding:0px;
    list_style:none;
}

li{
   height:28px;
   line-height:28px;
   white-space:nowrap;
   display:block;
   float:left;
   width:20%;
}
</style>

<ul>
<li>小说</li>
<li>世界名著</li>
<li>散文</li>
<li>传记</li>
<li>武侠网络</li>
<li>小说</li>
<li>推理</li>
<li>言情</li>
</ul>

如有问题，可以QQ搜索群1028468525加入群聊，欢迎一起研究技术

支付宝