我想显示一页缩略图。缩略图是用户上传的艺术品图像。每张图片都有宽度限制，但高度没有限制，这是为了显示完整的图像而不进行任何裁剪。
我希望图像相互对接，中间没有间隙。列数不固定:如果我展开或调整页面大小，图像应该流入正确的列数。
float:left
几乎是我想要的。除非页面中有高大的图像，否则我会看到这种缝隙:
如何消除差距？
最佳答案
不确定您需要多优雅的 CSS，但这仍然是一个不错的选择。您可以使用 masonry.js 来帮助做到这一点。
关于css - 如何动态创建图像的拼贴画(没有间隙的网格)，其中图像具有不同的高度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6541078/