前端之家收集整理的这篇文章主要介绍了
html – div上的3px额外高度,里面有图像,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个新网站,但有一个小设计的东西,我无法理解.
基本上,我正在创建一个用户可以上传有趣图片的网站.虽然显示图片的区域下方有3px的间隙.这是我的意思,死链接截图的链接.
我尝试过很多东西,但似乎没什么用.如果有人可以建议任何解决方案,请做.
谢谢.
最佳答案
这是由于图像的默认垂直对齐值.他们是基线.改为顶部或
底部,它会消失.
img{
vertical-align: top;
}
额外的空间是基线下面的区域,对于像y或g那样悬挂在下方的字母.