2011-03-11 86 views
3

我有一个列表10(li)元素。这些显示在单列中。列出多列

如果我固定那个列表的高度,那我该如何显示它在两列或三列?

+0

这里有一个如何一个活生生的例子在jQuery中做到这一点:http://jsfiddle.net/EebVF/5使用此jquery插件:http://github.com/fzondlo/jquery-columns – newUserNameHere 2014-05-03 14:30:26

回答

3

有一个CSS3的解决方案,但它尚未被浏览器广泛实施。看到这个例子中,使用CSS属性column-count

http://jsfiddle.net/hwzpy/

目前仅在FF,Safari和Chrome的工作虽然。否则,你将不得不使用JavaScript或将列表分成两个列表。

-edit- 在其他答案中链接的浮点变体非常整洁,不知道那个。

+0

它应该列计数,而不是列表计数 – Vasily 2014-05-12 11:54:21

+0

你是对的,奇怪怎么那么没有注意到如此 长。固定! – 2014-05-17 14:58:51