CSS中margin和padding屬性如何使用

發(fā)布時(shí)間：2022-04-22 15:48:01 來源：億速云閱讀：135 作者：zzz 欄目：大數(shù)據(jù)

本篇內(nèi)容主要講解“CSS中margin和padding屬性如何使用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“CSS中margin和padding屬性如何使用”吧!

CSS教程：詳解margin和padding屬性應(yīng)用場合

margin和padding的意義相信大家都很清楚，可是在具體應(yīng)用中，到底應(yīng)該使用哪一個(gè)，就比較難于判斷了。這篇文章說得挺清楚的，在這里供參考。

◆何時(shí)應(yīng)當(dāng)使用margin

需要在border外側(cè)添加空白時(shí)。

空白處不需要背景（色）時(shí)。

上下相連的兩個(gè)盒子之間的空白，需要相互抵消時(shí)。如15px+20px的margin，將得到20px的空白。

◆何時(shí)應(yīng)當(dāng)時(shí)用padding

需要在border內(nèi)測添加空白時(shí)。

空白處需要背景（色）時(shí)。

上下相連的兩個(gè)盒子之間的空白，希望等于兩者之和時(shí)。如15px+20px的padding，將得到35px的空白。

◆瀏覽器兼容性問題

在IE5.x、IE6中，為float的盒子指定margin時(shí)，左側(cè)margin可能會(huì)變成兩倍的寬度。通過改用padding或指定盒子為display:inline可以解決。

到此，相信大家對“CSS中margin和padding屬性如何使用”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

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

猜你喜歡