這篇文章主要為大家展示了“css如何清除p標(biāo)簽自身間距”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css如何清除p標(biāo)簽自身間距”這篇文章吧。
成都創(chuàng)新互聯(lián)一直通過(guò)網(wǎng)站建設(shè)和網(wǎng)站營(yíng)銷幫助企業(yè)獲得更多客戶資源。 以"深度挖掘,量身打造,注重實(shí)效"的一站式服務(wù),以成都做網(wǎng)站、成都網(wǎng)站建設(shè)、移動(dòng)互聯(lián)產(chǎn)品、全網(wǎng)整合營(yíng)銷推廣服務(wù)為核心業(yè)務(wù)。10年網(wǎng)站制作的經(jīng)驗(yàn),使用新網(wǎng)站建設(shè)技術(shù),全新開發(fā)出的標(biāo)準(zhǔn)網(wǎng)站,不但價(jià)格便宜而且實(shí)用、靈活,特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡(jiǎn)單易用,維護(hù)方便,您可以完全操作網(wǎng)站資料,是中小公司快速網(wǎng)站建設(shè)的選擇。
在css中,可以通過(guò)給p標(biāo)簽設(shè)置“p {padding:0;margin: 0;-webkit-margin-before: 0;-webkit-margin-after: 0;}”樣式來(lái)清除p標(biāo)簽自身的間距。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在HTML中,各個(gè)標(biāo)簽都有默認(rèn)樣式,例如p標(biāo)簽自身就有間距:
hello
hello
那么怎么去除p標(biāo)簽自身間距呢?
我們可以使用margin和padding屬性,將其值都設(shè)置為0即可:
p { padding:0; margin: 0; }
這樣就可清除p標(biāo)簽自身間距:
但在有些瀏覽器中即使這樣p有還有上下邊距,因?yàn)?/p>
這里 -webkit-margin-after
和 -webkit-margin-before
都有1rem,所以最好還要給這兩個(gè)都設(shè)為0
-webkit-margin-before: 0; -webkit-margin-after: 0;
以上是“css如何清除p標(biāo)簽自身間距”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!