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/可能這是幫你