Masonry:级联的网格布局插件-开源

Masonry是一个JavaScript网格布局库。 它通过根据可用的垂直空间将元素放置在最佳位置来工作，就像砌墙的石匠一样。 您可能已经在Internet上看到了它的使用。 所有项目的大小和样式都由您自己CSS处理。 可以使用百分比为响应式布局设置项目大小。 在砌体布局模式下，使用元素大小设置百分比宽度columnWidth。 设置percentPosition：true，因此同样使用百分比设置项目位置，以减少窗口调整大小时的调整过渡。 卸载的图像可能会使砖石布局偏离，并导致项目元素重叠。 imagesLoaded解决了此问题。 imagesLoaded是一个单独的脚本，您可以从imagesloaded.desandro.com下载。 或者，在加载完所有图像后初始化Masonry。