【必看】HTML+CSS去掉img圖片底部的空白的3種通用方法

去掉img圖片底部的空白的3種通用方法 效果如圖： 圖片下方有莫名的空白，總是去不掉！ 空白產生的原因：圖片是內聯元素，默認帶有一定的間距，間距與文字字體有一定的關係。 因此，基於此原因有一下解決方法： 方法一 把圖片變成區塊元素 方法二 給內聯元素的圖片加垂直對齊方式： vertical-align: top | middle | bottom; 方法三 把上級元素的字體大小改成0像素 搞定！

>>阅读原文<<