圖片下方出現多3px的原因及解決方法

產生原因:主要是因為圖片的垂直對齊方式vertical-align引發的,默認值是baseline,默認為此值時圖片下方就會多出3px。

解決方案:

1.將圖片的垂直對齊方式vertical-align的值設置為bottom或middle(按理說都可以解決),就可以解決這個問題。

2.將圖片display設置為block,并且指定width和height。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容