解決圖片底部間隙問題

如圖所示 當容器不設置寬高時, 加入 img 標籤後會自動撐開 那麼問題來了, 爲什麼圖片底部爲什麼會有一點間隙而不是100%填充容器呢? 其實間隙產生的三大元兇是 "幽靈空白節點"、line-height 和 vertical-align 屬性 幽靈空白節點 即: 一個寬度爲0, 表現如同普通字符的看不見的 "節點" 我們插入一個內容爲 "x", 背景爲紅色的 "span" 標籤 (圖片左下角)

>>阅读原文<<