CSS：填充與高度

Question

使用CSS創建樣式時，我注意到填充屬性可以輕鬆實現與高度屬性相同的效果......但是，填充屬性可以使我的文本更加美觀和中心，而height屬性迫使我添加其他CSS規則/調整行高。

它是「錯誤的」或反對常用的CSS標準來溝高度屬性和使用填充高度的元素，而不是？

這會帶來什麼影響？

Answer 1

高度和填充固有地控制的元件的高度。我不得不不同意使用填充是錯誤的，而是取決於具體的用例。

當您需要固定容器尺寸時使用高度。

• PRO：有用的，當你不想要的容器垂直拉伸。
• CON：，你改變等字體大小，邊緣，襯墊等
  • 性能提高尺寸可導致內容以隱藏或溢出變脆。
  • 更改字體大小，例如，可引起級聯變化（你也必須更改頁邊距/填充，或兄弟姐妹/子元素的大小屬性。

使用填充時你並不需要一個固定的容器高度，但要添加空格

• PRO：容易改變字體大小，邊距，填充，並添加額外的內容，可能增量值容器這是容器的垂直尺寸。
• CON：添加內容/增加尺寸屬性將導致容器垂直拉伸，這在某些情況下不受歡迎。
  • 不適用於垂直空間有限或需要控制的場景。

使用最小高度和最大高度爲一種混合方法。

• PRO：強制固定高度，但允許內容動態地增長，直到它達到最小或最大。
• CON：您仍然有「級聯」更新問題的大小屬性和添加內容，一旦你達到最低或最高。

Answer 2

是的，使用填充來控制元素高度是錯誤的。

height控制元件（基本上從border-bottom到border-top的距離），而padding控制內容和所述邊界之間的距離的實際高度。