用html紧紧显示图像

Question

如何显示此页面的图片？http://www.yunspace.com.cn/event/ 无论图像的高度如何，图像都彼此紧密贴合

谢谢！

Answer 1

您可以使用Masonry。这就是他们正在使用的东西。虽然砌体不是唯一的选择：Amazing jQuery Plugins to design Pinterest like Dynamic Grid Layout

其他资源

http://qnimate.com/creating-cascading-grid-layouts-using-masonry/

http://masonry.desandro.com/

Is it possible to create a pinterest-like layout with Bootstrap only?

Answer 2

大多数人都使用absolute position来实现这一点，这是最兼容的方式。您只需计算每个pin元素的left和top位置。

您可以在此处参考此开源插件： bootstrap-waterfall