如何:不同大小的内容瓷砖?

时间:2012-11-30 02:04:59

标签: jquery css

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

1 个答案:

答案 0 :(得分:3)

我相信您正在寻找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"));