锚标签底部的白色空间
我有一个标签围绕图像。 我在标签所在的div上设置了一个边框。我将margin和padding设置为0,但由于某种原因,我的标签仍然比我的图片高出3个像素。 这会在图像和边框之间留下一些空隙,从而破坏我想要完成的外观。
我究竟做错了什么? 我已经在FireFox和Chrome中进行了相同的测试。 谢谢
图像display: inline
所以它被视为一个字符并坐在基线上。 这个差距是由下行提供的空间造成的(你可以在字母j,g,y和p上找到)。
使用CSS调整vertical-align
: img{vertical-align: bottom}
如果元素没有兄弟, display:block
就足够了。
上一篇: White space at bottom of anchor tag
下一篇: How to remove unwanted space between rows and columns in table?