大佬教程收集整理的这篇文章主要介绍了html – 当相对行高度被继承时,它与元素的font-size不相关.为什么?我如何使它相对?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
* { font-size: inherit; line-height: iherit; }
对于html,我明确定义它们:
html { font-size: 16px; line-height: 1.25em; } /* 16×1.25 = 20 */
请注意,该行高度以相对单位设置.
对于h1,我定义不同的字体大小:
h1 { font-size: 4em; }
我希望h1继承1.25em的相对行高.生成的行高应等于80px(16×4×1.25).
但实际上h1的行高仍然等于20px(与html的相同:16×1.25 = 20).
说,我有以下HTML:
<p>foo<br>bar</p> <h1>foo<br>bar</h1>
结果截图:
要解决这个问题,我必须将h1的行高度明确地等于它继承的相同值:
h1 { font-size: 4em; line-height: 1.25em; }
然后线高度变得正确:
看起来相对值首先计算为绝对值,然后绝对值被继承.或者它可以相对于父代的字体大小而继承,而不是元素的字体大小.
问题
>为什么相对线高度继承不正确?
>如何使相对线高度作为相对于元素的font-size的值而不是父类的继承?
以上是大佬教程为你收集整理的html – 当相对行高度被继承时,它与元素的font-size不相关.为什么?我如何使它相对?全部内容,希望文章能够帮你解决html – 当相对行高度被继承时,它与元素的font-size不相关.为什么?我如何使它相对?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。