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

 div里嵌套了img 底部会出现白边 随笔 第1张

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

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

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

div里嵌套了img 底部会出现白边 随笔 第2张

---------------------
作者:lemdsdf
来源:CSDN
原文:https://blog.csdn.net/u013279840/article/details/52847426

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄