CSS 实际应用-让人想不到的 line-height 的 em 算法

作者:vkvi 来源:千一网络(原创) 日期:2017-2-23

em 和 % 意思一样,line-height:3em; 可以解释为 3 倍行高。

问题是:谁的 3 倍?

最终结果是 3 个 div 都是 60px 的行高,也就是说 line-height:3em; 是算出具体行高后,再拿给 div 继承,并不是 div 的 font-size * 3。

再看,取消默认字体大小时:

div 的行高全部是 48px,它用的是浏览器默认字体大小 16px * 3。

总结

所以继承 line-height,是继承的其具体尺寸,并不是继承的设置值。

你前面那位网友看了:深入了解 HTML5

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
标题:必填
内容:
本站永远终止与捏造“罪名”不支付广告费的某度联盟合作。
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他