這篇文章主要介紹了CSS清除圖片下幾像素空白間隙的方法 ,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

最近有伙伴問小編的問題：

頁面排版的時候發(fā)現(xiàn)圖片下面有那么1-2像素的間隙空白，怎么去除。

這個是瀏覽器的一個設計問題。img本來是行內(nèi)元素，卻可以用width 和height,當父元素沒有設置高度的時候，用子元素們的高度計算出的高度給父元素的時候就會出現(xiàn)3px空隙這類的問題。

去除圖片下間隙的方法一

img{display:block;}

方法2

img{vertical-align:top;}

除了top值，還可以設置為text-top | middle | bottom | text-bottom，甚至特定的和值都可以

方法3

#qdxw{font-size:0;line-height:0;}

#qdxw為img的父元素

文章來源：腳本之家，原文鏈接：https://www.jb51.net/css/744987.html

申請創(chuàng)業(yè)報道，分享創(chuàng)業(yè)好點子。點擊此處，共同探討創(chuàng)業(yè)新機遇！