div里嵌套了img 底部会出现白边

Posted byd张小伟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div里嵌套了img 底部会出现白边相关的知识,希望对你有一定的参考价值。

因为img默认是按基线(baseline)对齐的。对比一下图片和右边的p, q, y等字母,你会发现这三个字母的“小尾巴”和图片下方的空白一样高。下面这张图中的黑线就是那条基线。

  

  

  要去掉空格可以使用vertical-align: bottom或将img标签变为块级元素。

  至于什么是基线,还记得四线三格的英语写字本么?中间第三条线就是基线。

  

以上是关于div里嵌套了img 底部会出现白边的主要内容,如果未能解决你的问题,请参考以下文章

div里包含img底部必定多出空白的解决办法

div里包含img底部多出3px的解决办法

div中放入一个img元素导致div高度会多出几个像素

div中嵌套img元素,4px空白

css3 序列帧动画制作出来有4条白边,求大神告知怎么去掉,或者怎么处理下,在线等

div嵌套img高度不相同