這篇文章主要為大家展示了CSS如何清除圖片下幾像素空白間隙，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學(xué)習(xí)一下“CSS如何清除圖片下幾像素空白間隙”這篇文章吧。

創(chuàng)新互聯(lián)公司總部坐落于成都市區(qū)，致力網(wǎng)站建設(shè)服務(wù)有成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、網(wǎng)頁設(shè)計、網(wǎng)站維護、公眾號搭建、小程序設(shè)計、軟件開發(fā)等為企業(yè)提供一整套的信息化建設(shè)解決方案。創(chuàng)造真正意義上的網(wǎng)站建設(shè)，為互聯(lián)網(wǎng)品牌在互動行銷領(lǐng)域創(chuàng)造價值而不懈努力！

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

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

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

去除圖片下間隙的方法一

img{display:block;}

方法2

img{vertical-align:top;}

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

方法3

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

#qdxw為img的父元素

以上就是關(guān)于“CSS如何清除圖片下幾像素空白間隙”的內(nèi)容，如果改文章對你有所幫助并覺得寫得不錯，勞請分享給你的好友一起學(xué)習(xí)新知識，若想了解更多相關(guān)知識內(nèi)容，請多多關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站名稱：CSS如何清除圖片下幾像素空白間隙-創(chuàng)新互聯(lián)
分享地址：http://weahome.cn/article/djpsih.html