盒子中插入圖片後，底部出現空白縫隙問題

在塊級盒子中直接插入圖片後，盒子的底部會出現空白縫隙。 如圖所示。（給盒子加了邊框方便看清。） 這個問題的原因是圖片img屬於行內塊元素，行內塊元素默認與文字的基線對齊。文字的基線和底線還有一定的空隙，這個空白縫隙就是因此出現的。 解決方法： 1、將圖片轉化爲塊級元素：display：block； 2、給圖片設置vartical-align任意屬性（baseline（默認值基線對齊）除外）。 3、

>>阅读原文<<