-
margin和padding在許多地方往往效果都是一模一樣,而且你也不能說這個一定得用margin那個一定要用padding,因為實際的效果都一樣,你說margin用起來好他說padding用起來會更好,但往往爭論無果。根據網上的總結歸納大致發現這幾條還是比較靠譜的:
-
何時應當使用margin:
需要在border外側添加空白時。空白處不需要背景(色)時。上下相連的 兩個盒子之間的空白,需要相 互抵消時。
如15px+20px的margin,將得到20px的空白。 -
何時應當時用padding:
需要在border內測添加空白時。空白處需要背景(色)時。上下相連的兩個盒子之間的空白,希望等於兩者之和時。
如15px + 20px的padding,將得到35px的空白。 -
個人認為:
margin是用來隔開元素與元素的間距;padding是用來隔開元素與內容的間隔。margin用於布局分開元素使元素與元素互不相干;padding用於元素與內容之間的間隔,讓內容(文字)與(包裹)元素之間有一段“呼吸距離”
