CSS：填充与高度

Question

使用CSS创建样式时，我注意到填充属性可以轻松实现与高度属性相同的效果......但是，填充属性可以使我的文本更加美观和中心，而height属性迫使我添加其他CSS规则/调整行高。

它是“错误的”或反对常用的CSS标准来沟高度属性和使用填充高度的元素，而不是？

这会带来什么影响？

Answer 1

高度和填充固有地控制的元件的高度。我不得不不同意使用填充是错误的，而是取决于具体的用例。

当您需要固定容器尺寸时使用高度。

• PRO：有用的，当你不想要的容器垂直拉伸。
• CON：，你改变等字体大小，边缘，衬垫等
  • 性能提高尺寸可导致内容以隐藏或溢出变脆。
  • 更改字体大小，例如，可引起级联变化（你也必须更改页边距/填充，或兄弟姐妹/子元素的大小属性。

使用填充时你并不需要一个固定的容器高度，但要添加空格

• PRO：容易改变字体大小，边距，填充，并添加额外的内容，可能增量值容器这是容器的垂直尺寸。
• CON：添加内容/增加尺寸属性将导致容器垂直拉伸，这在某些情况下不受欢迎。
  • 不适用于垂直空间有限或需要控制的场景。

使用最小高度和最大高度为一种混合方法。

• PRO：强制固定高度，但允许内容动态地增长，直到它达到最小或最大。
• CON：您仍然有“级联”更新问题的大小属性和添加内容，一旦你达到最低或最高。

Answer 2

是的，使用填充来控制元素高度是错误的。

height控制元件（基本上从border-bottom到border-top的距离），而padding控制内容和所述边界之间的距离的实际高度。