锚标记底部的白色空间

Ico*_*ood 52 html css xhtml

我有一个围绕图像的标签.我在标签所在的div上设置了边框.我将边距和填充设置为0但是由于某种原因,我的标签仍然比我的图像高约3个像素.这会在图像和边框之间留下一些空间,从而破坏了我想要完成的外观.

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

Que*_*tin 94

图像display: inline因此被视为一个角色并位于基线上.间隙是由为下降器提供的空间(在j,g,y和p等字母上找到)引起的.

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

  • 更具体地说,`img {vertical-align:bottom}` (11认同)

med*_*iev 10

display:block 如果元素没有兄弟姐妹,那就足够了.

  • 有趣的是,真正的罪魁祸首是图片标签,而不是<a>标签. (5认同)