html – div上的3px额外高度,里面有图像

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

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

我尝试过很多东西,但似乎没什么用.如果有人可以建议任何解决方案,请做.

谢谢.

最佳答案

这是由于图像的默认垂直对齐值.他们是基线.改为顶部或底部,它会消失.

img{
    vertical-align: top;
}

额外的空间是基线下面的区域,对于像y或g那样悬挂在下方的字母.

原文地址：https://www.jb51.cc/html/426759.html