Div Gallery - 尝试将div显示与＆＃34; left＆＃34;对齐，并允许响应高度

Question

我正在尝试创建博客帖子显示网格。我的fiddle为here这些divs目前位于页面中间，这很好;但是，我想：

1. 将divs的对齐方式更改为左侧，而不是中心位置;因此，在生成每个帖子时，都会按自然阅读顺序完成。
2. 使divs的高度响应。我的意思是，个人divs的高度已经响应;但是，下一行div基于其上方行中单个最长div的底部对齐。我希望每个div填写其上方div未拍摄的空间，如下图所示here http://i65.tinypic.com/xdxg01.jpg

目前，我的代码告诉我这个：this http://i65.tinypic.com/11h864p.png知道如何实现这个目标吗？谢谢！

Answer 1

您可以使用this现代CSS方法（不适用于旧浏览器）

 column-break-inside: avoid; // for each content "widget"

OR

您可以使用一些javascript库来实现此目的：

• bricklayer.js
• Masonry