編碼的世界 / 優質文選 / 生涯

css怎麼去掉div間距?


2022年4月21日
-   

css去掉div間距的方法:首先設置div的css屬性margin和padding為0;然後設置div父級元素的font-size為0;最後再設置div的font-size為16px即可。

css怎麼去掉div間距?
1、去除div內部間距和外部間距div{
margin: 0;
padding: 0;
}
2、去除div之間的間距
默認情況下,div之間是沒有間距的,如果設置了display: inline-block,則會出現間距。(推薦學習:CSS視頻教程)
Document
div{
display: inline-block;
border: 1px solid #000;
}
1
2
3
效果:

原因,寫代碼時,換行縮進造成的出現空格。
解決方法:
設置父級元素font-size為0,再重新設置div的font-size即可body{
font-size: 0;
}
div{
font-size: 16px;
}

更多CSS相關技術文章,請訪問CSS3答疑欄目進行學習!





新人創作打卡挑戰賽


發博客就能抽獎!定制產品紅包拿不停!

熱門文章