2

在 pinterest.com 中，div 具有可变长度，但行之间没有间隙。是否可以使用无序列表和 css 来获得这种效果？他们是否使用任何 JavaScript 来实现“紧凑”的外观？当我尝试它时，两行之间总是有一个间隙来容纳第一行中最高的 div ......

4

3 回答 3

4

它是通过github上的jQuery Masonry完成的https://github.com/desandro/masonry

于 2012-10-25T18:00:26.757 回答
4

如果你使用 Firebug 或 Chrome 的 web 检查器，你会看到每个.pindiv 都有一个绝对位置，这大概是用 JavaScript 设置的。

于 2012-10-25T17:58:40.967 回答
1

有很多 jQuery 插件可以存档。

我喜欢“Isotope - 一个用于神奇布局的精美 jQuery 插件”

http://isotope.metafizzy.co/

于 2012-10-25T18:00:45.597 回答