在第3项之后，无序列表会进入新列

Question

我正在尝试制作一个菜单，子项目就像这样构建成3列：

A D G
B E H
C F

*每个字母代表一个项目

我如何实现这一目标？

Jsfiddle：http://jsfiddle.net/pGgR7/3/

Answer 1

如何使用CSS3 column-count属性？

ul {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

Demo

  

注意：此信息对此属性的支持目前很多，有关详细信息   有关此属性的支持，您可以参考here