如何：不同大小的内容瓷砖？

Question

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

Answer 1

我相信您正在寻找jQuery Masonry plugin，这应该涵盖您的所有需求并且易于使用。

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

jQuery的：

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

如果你不想使用jQuery而不是Vanilla Masonry，除了它只使用Vanilla JS之外，jQuery Masonry的副本，用法几乎和jQuery Masonry一样简单：var wall = new Masonry(document.getElementById("container"));