div上有3px额外高度，里面有图像

Question

我正在开发一个新网站，但有一个小设计的东西，我无法理解。

基本上，我正在创建一个用户可以上传有趣图片的网站。虽然显示图片的区域下方有3px的间隙。 这是指向我的意思，死链接的屏幕截图的链接。

我尝试了很多东西，但似乎没什么用。如果有人可以提出任何解决方案，请做。

感谢。

Answer 1

这是由于图像的默认vertical-align值。他们是baseline。更改为top或bottom，它将会消失。

img{
    vertical-align: top;
}

额外空格是基线下方的区域，用于悬挂在y或g下方的字母。