2

我想像下图一样订购 div 任何人都可以提供帮助吗?

所有 div 都有特定的宽度,但它们没有高度限制。每列可以有 4 个 div,下一个 div(第 5 个 div)位于第一个 div 的底部,但顶部和底部 div 的空间必须相同(边距:5px)

在此处输入图像描述

谢谢。

4

3 回答 3

1

正如你可能知道的那样,你不能在纯 CSS 中做到这一点,因为它是水平的。对于 jQuery 解决方案,请查看Columnizer jQuery Plugin之类的插件。

于 2012-04-25T16:11:04.110 回答
1

查看它使用同位素的https://stackexchange.com/sites

于 2012-04-25T17:37:33.410 回答
1

Nathan 的建议很好——还有Masonry,它也依赖于 jQuery。

于 2012-04-25T17:33:56.850 回答