一尘不染

锚标签底部的空白

html

我在图像周围有一个标签。我在标签所在的div上设置了边框。我将margin和padding都设置为0,但由于某种原因,我的标签仍比我的图像高3像素。这在图像和边框之间留了一些空间,破坏了我想要完成的外观。

我究竟做错了什么?我已经在FireFox和Chrome中测试了相同的结果。谢谢


阅读 221

收藏
2020-05-10

共1个答案

一尘不染

图像是display: inline如此,它被视为字符,位于基线上。差距是由为下降器提供的空间引起的(可以在类似j,g,y和p的字母上找到)。

vertical-align用CSS 调整:img{vertical-align: bottom}

2020-05-10