![](https://img.haomeiwen.com/i18056708/6f96d97f0aa9f0fe.png)
原因:img是行内元素, display: inline-block;这个属性的vertical-align的默认值是baseline。
![](https://img.haomeiwen.com/i18056708/b1ff81bb0d0b1c80.png)
解决办法:(1)将图片变成块级元素:display:block;
(2)vertical-align: middle;
(3)将img的父级元素的行高设成0
懂得原理,才能更好地解决问题哦
原因:img是行内元素, display: inline-block;这个属性的vertical-align的默认值是baseline。
解决办法:(1)将图片变成块级元素:display:block;
(2)vertical-align: middle;
(3)将img的父级元素的行高设成0
懂得原理,才能更好地解决问题哦
本文标题:图片下方有一道白线
本文链接:https://www.haomeiwen.com/subject/ikvusctx.html
网友评论