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

Question

我需要垂直显示列表项目以及多列。但必须只使用单个ul。这怎么可能。请建议我。

输出应该看起来像

a e i 
b f j 
c g 
d h 

感谢所有帮助

Answer 1

据我所知做到这一点的唯一方法是使用column-count：

ul { 
    column-count: 3; 
} 

请注意，它只能在现代浏览器并需要供应商前缀（-webkit-column-count等）。

如果你使用float，inline或inline-block，它们将以不同的顺序渲染。