Div's in two columns

Question

Tôi có nhiều số div thay đổi tùy thuộc vào dữ liệu mà nó đang sử dụng. Hiện nay họ đang ở trong một div container, và chiều rộng của họ là một nửa container với một phao trái để họ xuất hiện như:

1 2 
3 4 
5 6 
7 8 
9 

vv ..

tôi đang cố gắng để làm cho nó để nó xuất hiện như sau:

1 6 
2 7 
3 8 
4 9 
5 

Tôi dường như không thể tìm ra cách đơn giản để thực hiện việc này.

Answer 1

@joseph; bạn có thể sử dụng css3 column-count tài sản như séc

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

} 

này ví dụ này http://jsfiddle.net/sandeep/pMbtk/ có thể đó là giúp bạn