美文网首页
图片下方有一道白线

图片下方有一道白线

作者: 实质xing | 来源:发表于2019-08-20 11:08 被阅读0次
图片下面的白线(1)

原因:img是行内元素, display: inline-block;这个属性的vertical-align的默认值是baseline。

 所以就会出现图片底部出现一个小留白区域

解决办法:(1)将图片变成块级元素:display:block;

                  (2)vertical-align: middle;

                  (3)将img的父级元素的行高设成0

                    懂得原理,才能更好地解决问题哦

相关文章

网友评论

      本文标题:图片下方有一道白线

      本文链接:https://www.haomeiwen.com/subject/ikvusctx.html