何时应当时用 padding 和 margin ?

2022-03-12T17:30:39

何时应当使用 margin

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

何时应当使用 padding

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

个人认为:margin 是用来隔开元素与元素的间距;padding 是用来隔开元素与内容的间隔,让内容(文字)与(包裹)元素之间有一段 呼吸距离

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »