图片下方有一道白线

图片下面的白线（1）

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

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

解决办法：（1）将图片变成块级元素：display:block;

                  （2）vertical-align: middle;

                  （3）将img的父级元素的行高设成0

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