前端之家收集整理的这篇文章主要介绍了
css – 将长列表的>标签分割成列？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一个大约30< li>的列表在< ul>中.有没有办法使用CSS将这些分为三列？
在
CSS3这是
possible.
#columns {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
column-count: 3;
column-gap: 20px;
}
HTML：
<div id="columns">
<ul>
... lots of lis ...
</ul>
</div>
当列表项超过容器的高度时,这些列表项将会溢出到下一列中.
也许对于较老的浏览器,您可以使用JavaScript,因为这似乎比一个关键功能更美观.
原文链接：https://www.f2er.com/css/216627.html
