Html 3倍额外高度，内置图像

我正在一个新的网站上工作，但有一个小的设计问题，我就是不能左右我的头

基本上，我正在创建一个用户可以上传有趣图片的网站。尽管显示图片的区域下方有3倍的间隙。这里有一个链接到我所说的屏幕截图，死链接

我尝试了很多方法，但似乎都不管用。如果有人能提出任何解决方案，请提出

---

谢谢。

这是由于图像的默认值

垂直对齐。它们是
基线
。更改为
顶部
或
底部
，它将消失

img{
    vertical-align: top;
}

额外的空间是基线下方的区域，用于悬挂在下面的字母，如
y
或
g
Awesome！工作得很愉快！