html - div 上的 3px 额外高度，其中包含图像

Question

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

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

我已经尝试了很多东西，但似乎没有任何效果。如果有人可以提出任何解决方案，请执行。

谢谢。

Answer 1

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

img{
    vertical-align: top;
}

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