1

有谁知道如何在大容器中放置多个具有多个大小的 div(框)以仅在容器底部留出空白空间?

这是我想要的表示:

在此处输入图像描述

这是我所拥有的:

在此处输入图像描述

谢谢!

4

3 回答 3

3

听起来您正在尝试将多个不同尺寸的容器装入一个已知尺寸的容器中,以获得最佳的适合度。如果您愿意使用 jQuery,JQuery masonry 非常适合,尽管不能保证它会在底部留下所有空白区域。

此处的文档:http: //masonry.desandro.com/

演示在这里: http: //masonry.desandro.com/demos/basic-single-column.html

您可以将 gutterWidth 设置为 0 以消除列之间的所有空间。http://masonry.desandro.com/docs/options.html

于 2012-08-13T19:02:28.500 回答
1

如果没有更多信息(您当前的代码、图表、示例网站),我不确定您在这里要问什么。如果您只是想为容器添加底部间距,请尝试将 CSS 与padding-bottom?

于 2012-08-13T18:55:55.230 回答
1

你的意思是像http://jsfiddle.net/ZFdHz/这样的想法吗?

于 2012-08-13T19:02:36.317 回答