圖片下方爲何有空隙？

舉個簡單例子 結果： 上圖紅色的那根線就是文字的基線，字母 x 的底部剛好在基線上（基線：小寫字母 x 的底部）。line boxes中的vertical-align默認基線對齊，而圖片作爲其中的一個inline boxes元素，同樣也是基線對齊，所以會出現上圖的結果。 如何取消空隙呢？ 設置vertical-align: top; 設置vertical-align: middle; 設置vert

>>阅读原文<<