溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

CSS如何清除圖片下幾像素空白間隙

發(fā)布時(shí)間：2021-03-17 11:02:13 來(lái)源：億速云 閱讀：258 作者：清風(fēng) 欄目：web開(kāi)發(fā)

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

最近有伙伴問(wèn)小編的問(wèn)題：

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

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

去除圖片下間隙的方法一

img{display:block;}

方法2

img{vertical-align:top;}

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

方法3

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

#qdxw為img的父元素

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

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手