css - 多行 UL 列表

Question

我有一个包含 6 个元素的列表，我希望该列表是多列的，所以在第一列中它将显示前 3 个元素，在第二列中显示以下 3 个元素，依此类推... 但我真的不明白如何使用 UL 创建这种行为。我尝试使用选项来设置 UL {height:50%;} 但没有结果

这是一个基本的 fiddle http://jsfiddle.net/n8f7hxzo/

我知道我可以使用表格，但我不想，只是想知道是否有解决此问题的简单方法

Answer 1

像这样尝试: Demo

CSS:

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