時(shí)間：2024-02-24 04:00:01 | 來源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2024-02-24 04:00:01 來源：網(wǎng)站運(yùn)營(yíng)
詳解CSS清除圖片下幾像素空白間隙的方法：這篇文章主要介紹了CSS清除圖片下幾像素空白間隙的方法 ,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
最近有伙伴問小編的問題：
頁(yè)面排版的時(shí)候發(fā)現(xiàn)圖片下面有那么1-2像素的間隙空白，怎么去除。
這個(gè)是瀏覽器的一個(gè)設(shè)計(jì)問題。img本來是行內(nèi)元素，卻可以用width 和height,當(dāng)父元素沒有設(shè)置高度的時(shí)候，用子元素們的高度計(jì)算出的高度給父元素的時(shí)候就會(huì)出現(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的父元素
文章來源：腳本之家，原文鏈接：https://www.jb51.net/css/744987.html
關(guān)鍵詞：空白,方法,清除,圖片
客戶&案例
營(yíng)銷資訊
關(guān)于我們
客戶&案例
營(yíng)銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
在線咨詢