图片似乎有边距，但 DevTools 说它有 none
Images appear to have a margin, but DevTools says it has none
我有多个图像，我通过 column-count 分成 2 列，我想尝试以 Masonry 风格的视图显示图像。
我 运行 解决了图像之间存在间隙的问题，我能够通过更改 CSS 中的 column-gap 来消除图像两侧的间隙，但我无法删除 top/bottom 图像之间的游戏。
这是我能够重新创建它的地方：https://jsfiddle.net/dL4sjhf6/
这是它的样子：
将 vertical-align: top; 或 display: block 添加到图像中。默认情况下，图像是内联元素，在其底部（即在图像本身下方）有一些下降 space 。添加其中一项设置将避免这种情况。
我有多个图像，我通过 column-count 分成 2 列，我想尝试以 Masonry 风格的视图显示图像。
我 运行 解决了图像之间存在间隙的问题，我能够通过更改 CSS 中的 column-gap 来消除图像两侧的间隙，但我无法删除 top/bottom 图像之间的游戏。
这是我能够重新创建它的地方：https://jsfiddle.net/dL4sjhf6/
这是它的样子：
将 vertical-align: top; 或 display: block 添加到图像中。默认情况下，图像是内联元素，在其底部（即在图像本身下方）有一些下降 space 。添加其中一项设置将避免这种情况。