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

Question

我需要垂直显示列表项，也需要在多列中显示。但必须只使用 single ul。怎么可能。请给我建议。

输出应该看起来像

a  e  i
b  f  j
c  g
d  h

谢谢你的帮助

Answer 1

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

ul {
    column-count: 3;
}

请注意，它仅适用于现代浏览器并且需要供应商前缀（-webkit-column-count 等）。

如果您使用浮动、内联或内联块，它们将以不同的顺序呈现。