如何垂直堆叠div

Question

所以我有一堆div，我想垂直堆叠它们。

这是我的尝试：

http://jsbin.com/bacijegi/1/

然而序列不对，实际上项目是水平的。

这就是我的期望：

 ___  ___
|   ||   |
| 1 || 4 |
|___||___|
 ___  ___
|   ||   |
| 2 || 5 |
|___||___|
 ___ 
|   |
| 3 |
|___|

有什么方法可以用纯css实现这个目标吗？ （不改变html结构和javascript）

Answer 1

如果您希望能够在多列中垂直堆叠它们，请查看CSS3 column-count属性。 http://www.w3schools.com/cssref/css3_pr_column-count.asp

这里有一个先前的答案，有一个JSFiddle，你可以看到它的实际效果：

Div's in two columns

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