这可能与列表有关吗？

Question

我想知道是否可以制作这样的列表:

或者我应该只使用div来完成同样的事情？

Answer 1

使用纯CSS(浮点数)可以获得如下列表:

LI1    LI2
LI3    LI4
LI5    LI6

但得到:

LI1    LI4
LI2    LI5
LI3    LI6

你需要使用带有CSS样式的javascript或2个列表.(编辑:或作为cale_b提及的另一个答案,对于您可以使用的现代浏览器column-count)

我的第一个场景的CSS看起来像这样:

ul { width:400px; overflow:hidden; margin:0; padding:0; }
li { width:200px; float:left; margin:0; padding:0; }

根据自己的喜好调整宽度,边距和衬垫