img 元素默认是 inline-block 元素。inline-block 元素会受到空格和换行符的影响，这些空格和换行符会被渲染成一个空格，从而导致元素之间出现间隙。

• 移除空格和换行: 将 img 标签写在一行，或者去除 HTML 代码中 img 标签之间的空格和换行符。
• 设置 font-size: 0;: 将父元素的 font-size 设置为 0，可以消除空格的影响。但需要注意，如果父元素内还有其他文本内容，它们也会受到影响，需要单独设置字体大小。
• 将 img 设置为 display: block;: 将 img 元素设置为块级元素，这样它们会占据整行，不会受到空格的影响。但需要注意，这会使图片垂直排列，如果需要水平排列，需要使用其他布局方式，例如 flexbox 或 grid。
• 改变垂直对齐方式：

img {
    vertical-align: top
}