在单个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，它们将以不同的顺序呈现。