2

好的,所以我正在制作一个网站来显示数据库中的最后八个条目并以网格格式显示它们,但是网格没有正确显示,它们显示如下: 1在此处输入图像描述

但我希望它们显示类似于:在此处输入图像描述

我想在图纸上多画一列对不起。并且无论什么保持在应有的列和行中,但也位于其上方的下方。代码在我的 jsfiddle 上:http: //jsfiddle.net/PGdMd/

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

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

3 回答 3

1

阅读相关问题,您似乎想要jQuery 的 masonary。要么那个,要么同位素

于 2012-12-24T02:51:33.387 回答
0

看看砌体。这是一个 jQuery 插件,它可以做你想做的事情以及更多。

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

于 2012-12-24T02:51:03.277 回答
0

您是否考虑过一些可用于轻松实现布局的 css 框架?Blueprint、960 Grid、Twitter Bootstrap、foundation 等。有很多可用的 3 列实现,不仅可以简化此操作,而且总体上可以简化您的项目。

于 2012-12-24T02:51:48.143 回答