如何将div用作网格？

Question

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

但是我希望它们显示类似于：

我想在图纸上绘制一个额外的栏目抱歉。并且没有什么东西留在同一列和行应该是，但也在它上面的那个下面。代码在我的jsfiddle上：http://jsfiddle.net/PGdMd/

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

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

Answer 1

从相关问题中读取，您似乎想要jQuery's masonary。要么是，要么Isotope。

Answer 2

看看砌体。这是一个jQuery插件，可以做你想要的，还有更多。

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

Answer 3

您是否考虑过一些可用于轻松实现布局的css框架？蓝图，960网格，Twitter引导程序，基础等等。有很多3列实现可用，这不仅可以简化这一过程，而且可以简化您的项目。