這篇文章給大家介紹CSS中margin和padding屬性怎么使用,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
CSS教程:詳解margin和padding屬性應用場合
margin和padding的意義相信大家都很清楚,可是在具體應用中,到底應該使用哪一個,就比較難于判斷了。這篇文章說得挺清楚的,在這里供參考。
◆何時應當使用margin
需要在border外側添加空白時。
空白處不需要背景(色)時。
上下相連的兩個盒子之間的空白,需要相互抵消時。如15px+20px的margin,將得到20px的空白。
◆何時應當時用padding
需要在border內測添加空白時。
空白處需要背景(色)時。
上下相連的兩個盒子之間的空白,希望等于兩者之和時。如15px+20px的padding,將得到35px的空白。
◆瀏覽器兼容性問題
在IE5.x、IE6中,為float的盒子指定margin時,左側margin可能會變成兩倍的寬度。通過改用padding或指定盒子為display:inline可以解決。
關于CSS中margin和padding屬性怎么使用就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。