Div分为两列

Question

我有多个div,它们根据使用的数据而有所不同.目前它们位于容器div中,它们的宽度是左浮动容器的一半,因此它们看起来像:

1 2
3 4
5 6
7 8
9

等等..

我试图让它看起来像:

1 6
2 7
3 8
4 9
5

我似乎无法找到一种简单的方法来做到这一点.

Answer 1

@约瑟夫; 你可以column-count像这样使用css3 属性

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

}

检查这个例子http://jsfiddle.net/sandeep/pMbtk/可能对你有帮助