在单个ul和多个列中垂直显示列表项

Question

我需要垂直显示列表项,也需要在多列中显示.但必须只使用单一ul.怎么可能呢？请建议我.

输出应该是这样的

a  e  i
b  f  j
c  g
d  h

谢谢你的帮助

Answer 1

Afaik唯一的方法是使用column-count:

ul {
    column-count: 3;
}

请注意,它仅适用于现代浏览器,并且需要供应商前缀(-webkit-column-count等).

如果使用float,inline或inline-block,它们将以不同的顺序呈现.