我在图像周围有一个标签。我在标签所在的div上设置了边框。我将margin和padding都设置为0,但由于某种原因,我的标签仍比我的图像高3像素。这在图像和边框之间留了一些空间,破坏了我想要完成的外观。
我究竟做错了什么?我已经在FireFox和Chrome中测试了相同的结果。谢谢
图像是display: inline如此,它被视为字符,位于基线上。差距是由为下降器提供的空间引起的(可以在类似j,g,y和p的字母上找到)。
display: inline
vertical-align用CSS 调整:img{vertical-align: bottom}
vertical-align
img{vertical-align: bottom}