原因:img是行内元素, display: inline-block;这个属性的vertical-align的默认值是baseline。
所以就会出现图片底部出现一个小留白区域解决办法:(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
网友评论