css解決圖片底部留白問題

在循環商品詳情圖片時,發現每一個圖片有白色間隔,可是並無設置margin,padding

 

形成緣由:

　　圖片的display屬性默認inline,而這個屬性的vertical-align的默認值是baseline.因此就會出現上圖的狀況（圖片底部出現一個小留白區域）

解決方法:

　　將img的vertical-align設置爲middle