Div分为两列

Question

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

1 2
3 4
5 6
7 8
9

等。

我试图让它看起来像：

1 6
2 7
3 8
4 9
5

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

Answer 1

@joseph;你可以像这样使用css3 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%;

}

检查此示例http://jsfiddle.net/sandeep/pMbtk/可能对您有所帮助