css解决图片底部留白问题

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

造成原因:

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

解决方法:

　　第一种方法:将img的vertical-align设置为middle

　　第二种方法:将img设为display:block