CSS:如何垂直包装列表?

前端之家收集整理的这篇文章主要介绍了CSS:如何垂直包装列表?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个很长的列表,并希望它“包装”成垂直列.假设我有10个项目的列表,我希望每列有5个项目,布局应该是这样的:
1   6
2   7
3   8
4   9
5   10

有没有办法在CSS中这样做?

解决方法

对不起,它实际上非常简单:
ul {
-webkit-column-count: 2;
   -moz-column-count: 2;
        column-count: 2;
}

看看这个DEMO

原文链接:https://www.f2er.com/css/215222.html

猜你在找的CSS相关文章