div包裹img底邊會有幾個像素的空白的問題

在寫代碼的時候經常遇到這樣一個問題，如果div裏嵌套一個img元素且div的高度是由img的高度來撐開，那麼div的高度總會比img的高度多幾個像素，如圖1 這是圖像的自然行爲，因爲img是內聯元素，所以瀏覽器爲下行字符留下一些空間。 爲了理解剛剛發生的事情，我們來看一下線框的構造，線框內圖像的放置以及線框在表格單元格中的放置。首先是一個包含文本的基本線框，如圖2所示。 圖2中最關鍵的部分是基線（

>>阅读原文<<