如何将divs用作网格？

Question

好的，所以我正在制作一个网站来显示数据库中的最后八个条目，并以网格格式显示它们，但是网格显示不正确，它们显示如下： 1 ：

但我希望它们显示类似以下内容：

我想在图纸上再增加一个栏目。 而且，没有什么东西应该保留在相同的列和行中，而是位于其上方的下面。 该代码在我的jsfiddle上： http : //jsfiddle.net/PGdMd/

另外，由于每个div的内容文本将根据在mySQL数据库中输入的数据而变化，因此css需要响应。

<h1>Sorry it made me put this here</h1>

Answer 1

从相关问题中阅读，似乎您想要jQuery的泥瓦匠 。 要么就是同位素 。

Answer 2

看看砌体。 这是一个jQuery插件，可以完成您想要做的事情以及更多其他事情。

http://osvaldas.info/responsive-jquery-masonry-or-pinterest-style-layout

Answer 3

您是否考虑过一些可用于轻松实现布局的CSS框架？ 蓝图，960网格，Twitter引导程序，基金会等。有很多3列实现可用，这不仅使此事情变得容易，而且总体上简化了您的项目。