原因
之所以圖片下方會出現幾個像素空白的間隙, 是因為 img默認是按照基線(baseline)對齊的
解決方案
-
方法一:
img{display:block;} -
方法二:
img{vertical-align:top;}或者
img{vertical-align:middle ;}或者
img{vertical-align:bottom ;} 方法三:
給 img的父級 添加:font-size: 0; line-height: 0;
如何清除圖片下方出現幾個像素的空白間隙問題
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
