img标签渲染之后下方会出现几个像素（我用谷歌测试是4px, 火狐3.5px）的空白；
img是行内元素，默认display：inline; 它与文本的默认行为类似，下边缘是与基线对齐，而不是贴紧容器下边缘，所以会有几像素的空白；
解决办法：
- 把img设置为display: block;
- 给img和其父元素都设置vertical-align: top；让其top对齐而不是baseline对齐；
- 给img父元素设置line-height: 0;
img标签渲染之后下方会出现几个像素（我用谷歌测试是4px, 火狐3.5px）的空白；
img是行内元素，默认display：inline; 它与文本的默认行为类似，下边缘是与基线对齐，而不是贴紧容器下边缘，所以会有几像素的空白；
解决办法：
名师互学网 版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号
