我想将列表项显示为2列或更多列(动态对齐)

Question

我可以float:left;像这样使用列表

但我想像这样展示它(如2列或更多列)

我怎样才能做到这一点？

@sandeep提供了很好的解决方案.不幸的是在IE中不起作用(需要ie7及以上).

任何帮助？

Answer 1

为此,您可以使用该column-count属性:

div#multicolumn1 {
    -moz-column-count: 2;
    -moz-column-gap: 50%;
    -webkit-column-count: 2;
    -webkit-column-gap: 50%;
    column-count: 3;
    column-gap: 50%;
}

检查这个jsFiddle.

注意:它在IE中不起作用.

对于IE,您可以使用此JavaScript:CSS3 - 多列布局演示