padding和margin使用情景區別


  • margin和padding在許多地方往往效果都是一模一樣,而且你也不能說這個一定得用margin那個一定要用padding,因為實際的效果都一樣,你說margin用起來好他說padding用起來會更好,但往往爭論無果。根據網上的總結歸納大致發現這幾條還是比較靠譜的:

  • 何時應當使用margin:
    需要在border外側添加空白時。空白處不需要背景(色)時。上下相連的 兩個盒子之間的空白,需要相 互抵消時。
    如15px+20px的margin,將得到20px的空白。

  • 何時應當時用padding:
    需要在border內測添加空白時。空白處需要背景(色)時。上下相連的兩個盒子之間的空白,希望等於兩者之和時。
    如15px + 20px的padding,將得到35px的空白。

  • 個人認為:
    margin是用來隔開元素與元素的間距;padding是用來隔開元素與內容的間隔。margin用於布局分開元素使元素與元素互不相干;padding用於元素與內容之間的間隔,讓內容(文字)與(包裹)元素之間有一段“呼吸距離”


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM