如何在CSS中从上到下堆叠div

我有一个这样的列表：

<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>

使用 css float left，它在 html 中看起来像这样：

1 2
3 4
5

是否可以将我的 div 样式设置为如下所示：

1 4
2 5
3

希望有人帮忙，谢谢！

@时髦；你可以使用css3column-count为此的财产

css:

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

}

检查此链接以获取演示Div 分为两列 https://stackoverflow.com/questions/6843706/divs-in-two-colums/6843902#6843902

http://jsfiddle.net/sandeep/pMbtk/ http://jsfiddle.net/sandeep/pMbtk/

note:它在 IE 中不起作用。