动态多列组元素

Question

我正在尝试制作一个动态的多列布局，可以动态显示切片。

我目前的情况：

每个图块的当前样式属性：

border: 0px dashed #CECECE;
background-color: #F0F0F0;
padding: 20px;
margin: 5px 10px 5px 0px;
width: 100px;
min-height: 100px;
float: left;
border-radius: 20px;
display:inline-block;

这个问题就是，正如你所看到的，当其中一个div高于其他div时，下一行的元素从它的右边开始，当我想让他们做的是找到最接近的位于左上角。

这就是我想要的样子：http://kcarlisle.tumblr.com/archive

Answer 1

在查看您的示例时，似乎无法使用浮点数实现此目的。

我建议您研究一下JAvascript替代方案，例如Masonry.js

链接 - http://masonry.desandro.com/