用 Margin 还是用 Padding


引自 http://www.hicss.net/use-margin-or-padding/

何时应当使用 margin:

  • 需要在 border 外侧添加空白时。
  • 空白处不需要背景(色)时。
  • 上下相连的两个盒子之间的空白,需要相互抵消时。如 15px + 20px 的 margin,将得到 20px 的空白。

何时应当时用 padding:

  • 需要在 border 内测添加空白时。
  • 空白处需要背景(色)时。
  • 上下相连的两个盒子之间的空白,希望等于两者之和时。如15px + 20px的 padding,将得到35px的空白。

个人认为:
margin 是用来隔开元素元素的间距;padding 是用来隔开元素内容的间隔。
margin 用于布局分开元素使元素与元素互不相干;padding 用于元素与内容之间的间隔,让内容(文字)与(包裹)元素之间有一段“呼吸距离”。