用 margin 仍是用 padding ?

邊界(margin):元素周圍生成額外的空白區。「空白區」一般是指其餘元素不能出現且父元素背景可見的區域。

補白(padding):補白位於元素框的邊界與內容區之間。很天然,用於影響這個區域的屬性是padding。css

——CSS權威指南佈局

圖片描述

什麼時候應當使用 margin ?spa

  • 須要在border外側添加空白時。
  • 空白處不須要背景(色)時。
  • 上下相連的兩個盒子之間的空白,須要相互抵消時(如 15px + 20px 的 margin,將獲得 20px 的空白)。
  • margin 是用來隔開元素與元素的間距
  • margin用於佈局分開元素使元素與元素互不相干。

什麼時候應當時用 padding ?.net

  • 須要在border內測添加空白時。
  • 空白處須要背景(色)時。
  • 上下相連的兩個盒子之間的空白,但願等於二者之和時(如 15px + 20px 的 padding,將獲得 35px 的空白)。
  • padding 是用來隔開元素與內容的間隔。
  • padding 用於元素與內容之間的間隔,讓內容(文字)與(包裹)元素之間有一段「呼吸距離」。

參考資料:http://www.hicss.net/use-marg...圖片

相關文章
相關標籤/搜索