css解决图片底部留白问题

在循环商品详情图片时,发现每一个图片有白色间隔,可是并无设置margin,padding

 

形成缘由:

　　图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.因此就会出现上图的状况（图片底部出现一个小留白区域）

解决方法:

　　将img的vertical-align设置为middle