CSS:填充与高度
问题描述:
使用CSS创建样式时,我注意到填充属性可以轻松实现与高度属性相同的效果......但是,填充属性可以使我的文本更加美观和中心,而height属性迫使我添加其他CSS规则/调整行高。CSS:填充与高度
它是“错误的”或反对常用的CSS标准来沟高度属性和使用填充高度的元素,而不是?
这会带来什么影响?
答
高度和填充固有地控制的元件的高度。我不得不不同意使用填充是错误的,而是取决于具体的用例。
当您需要固定容器尺寸时使用高度。
- PRO:有用的,当你不想要的容器垂直拉伸。
-
CON:,你改变等字体大小,边缘,衬垫等
- 性能提高尺寸可导致内容以隐藏或溢出变脆。
- 更改字体大小,例如,可引起级联变化(你也必须更改页边距/填充,或兄弟姐妹/子元素的大小属性。
使用填充时你并不需要一个固定的容器高度,但要添加空格
- PRO:容易改变字体大小,边距,填充,并添加额外的内容,可能增量值容器这是容器的垂直尺寸。
-
CON:添加内容/增加尺寸属性将导致容器垂直拉伸,这在某些情况下不受欢迎。
- 不适用于垂直空间有限或需要控制的场景。
使用最小高度和最大高度为一种混合方法。
- PRO:强制固定高度,但允许内容动态地增长,直到它达到最小或最大。
- CON:您仍然有“级联”更新问题的大小属性和添加内容,一旦你达到最低或最高。
答
是的,使用填充来控制元素高度是错误的。
height
控制元件(基本上从border-bottom
到border-top
的距离),而padding
控制内容和所述边界之间的距离的实际高度。