我想显示一页缩略图。缩略图是用户上传的艺术品图像。每个图像都有一个受限的宽度，但没有一个受限的高度，这是为了显示完整的图像而不进行任何裁剪。
我希望图像相互对接，中间没有间隙。列数不固定：如果我扩展或调整页面大小，图像应该流入正确的列数。
float:left
几乎是我想要的。除非页面中有高大的图像，否则我会看到这种间隙：
如何消除差距？
问问题
22712 次
2 回答
9
不确定您需要 CSS 的优雅程度，但仍然是一个不错的选择。您可以使用 masonry.js 来帮助解决这个问题。
于 2012-02-25T13:20:48.203 回答
6
如果您只想在 css 中执行此操作，则必须为每一列创建 div，并浮动这些列（但它会打乱图像的顺序）。
或者，您可以使用像这样的jquery 插件。
于 2011-06-30T21:18:06.287 回答