图像似乎有边距，但 DevTools 说它没有答案

【问题标题】：Images appear to have a margin, but DevTools says it has none图像似乎有边距，但 DevTools 说它没有
【发布时间】：2021-05-06 00:20:01
【问题描述】：

我有多个图像，我通过column-count 将它们分成 2 列，我想尝试以 Masonry 样式的视图显示这些图像。

我遇到了图像之间有间隙的问题，我可以通过更改 CSS 中的 column-gap 来消除图像两侧之间的间隙，但我所做的一切都无法消除顶部之间的游戏/图片底部。

这是我能够重新创建它的地方：https://jsfiddle.net/dL4sjhf6/

下面是它的样子：

【问题讨论】：

【解决方案1】：

将vertical-align: top; 或display: block 添加到图像中。默认情况下，图像是内联元素，它们的底部（即图像本身下方）有一些下降空间。添加其中一项设置将避免这种情况。

【讨论】：