css - 去掉图片下的白边

css - 去掉图片下的白边

造成原因：

    图片的 display 属性默认是 inline ，而这个属性的 vertical-align 的默认值是baseline。

解决办法1（ 建议使用block ,  对 ie浏览器 比较友好 ）：

    将 img 的 display 设置为 block

img{
    display : block ;  
}

解决方法2:

    将 img 的 vertical-align设置为middle

img{
    vertical-align : middle ;  
}

解决方法3:

　 给 img 的父级容器 添加属性 overflow:hidden

.img-parent{
       overflow : hodden ; 
}