相关疑难解决方法(0)

如何动态创建图像拼贴(无间隙网格),图像具有不同的高度?

我想显示一个缩略图页面.缩略图是用户上传的图稿图像.每个图像都有一个受约束的宽度,但不是受约束的高度,这是为了显示完整的图像而不进行任何裁剪.

我希望图像能够相互对接,两者之间没有间隙.列数不固定:如果我展开页面或调整页面大小,图像应该流入正确的列数.

float:left
Run Code Online (Sandbox Code Playgroud)

几乎是我想要的.除非页面中有高大的图像,否则我会看到这个缺口:

在此输入图像描述

如何消除差距?

css grid image css-float gaps-in-visuals

8
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

css-float ×1

gaps-in-visuals ×1

grid ×1

image ×1