何時用padding何時用margin

阿新 • • 發佈：2017-09-17

元素使用 padding 添加間隔希望內測 borde 20px

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

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

個人認為：margin是用來隔開元素與元素的間距；padding是用來隔開元素與內容的間隔。margin用於布局分開元素使元素與元素互不相幹；padding用於元素與內容之間的間隔，讓內容（文字）與（包裹）元素之間有一段“呼吸距離”。

何時用padding何時用margin

元素使用 padding 添加間隔希望內測 borde 20px 何時應當使用margin：需要在border外側添加空白時。空白處不需要背景（色）時。上下相連的兩個盒子之間的空白，需要相互抵消時。如15px + 20px的margin，將得到20px的空白。