jquery - 如何：不同大小的内容图块？

Question

我已经看到这种技术使用了很多（pinterest.com，factorymagazine.com），其中内容（或内容摘录）以看似流畅的方式显示在不同大小的图块中。我想知道这叫什么以及它是如何实现的。谢谢。

Answer 1

我相信您正在寻找jQuery Masonry 插件，它应该满足您的所有需求并且易于使用。

演示：http: //jsfiddle.net/SO_AMK/9U9Zh/2/

jQuery：

$("#container").masonry();

如果你宁愿不使用 jQuery 也不愿使用Vanilla Masonry，它是 jQuery Masonry 的一个副本，只是它只使用 Vanilla JS，用法几乎和 jQuery Masonry 一样简单：var wall = new Masonry(document.getElementById("container"));