div里面的img下面有空白的问题

参考链接：https://www.jianshu.com/p/2af064692505

出现的原因：
图片的display属性默认是inline，而这个属性的vertical-align的默认值是baseline。所以就会出现上图的情况（图片底部出现一个小留白区域）。

解决方法：

方法1：


方法3：

div{
    line-height:0;//或者font-size：0；
}