javascript - 如何以完美的网格样式将不同大小的 DIV float 到左侧？

Question

这里我有一个问题。我有许多具有相同宽度的 DIV，但它们的高度不同并且向左浮动但它们没有按我想要的方式出现。它显示为

但我想让他们喜欢

那么请告诉我如何使用纯 HTML-CSS，不使用 JavaScript 或 JQuery 等来做到这一点

Answer 1

@Tom Chew-head Millard 是正确的；这是一个纯粹的 CSS 解决方案。我的经验 = 易于使用。

http://css-tricks.com/snippets/css/multiple-columns/

== 阅读 MH 评论后编辑

http://jsfiddle.net/qZ3N4/1/

#DEMO_ID {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
}

#DEMO_ID div {
     column-break-before: always;   
}