为什么我的图像有额外的间隔?

默认情况下,图像的下边缘与文本的基线对齐。你所看到的空间是基线下的空间,被Q、P、Y等降序者使用(事实上你没有文本是不相关的——他们的空间仍然是保留的)。

你可以这样处理它:

img {  /* Or a suitable class, etc. */
    vertical-align: bottom;
}

很可能是垂直对齐-检查计算的样式以查看图像的当前样式,然后尝试将其添加到样式表中:

img { vertical-align: text-bottom; }

见 That mysterious gap under images 和 What is Vertical Align 举几个例子。

可能与填充相关,可能是包含图像的DIV?如果可能的话,如果你发布了一个链接,可能会有所帮助。

使用垂直对齐底部是一种可行的解决方案。

但是,由于您似乎没有将图像与文本一起使用,因此我将采用的方法是使图像块级元素:

img {
    display: block;
}