css line-height和font-size高度问题，谁能帮忙解释一下呢
<div style="font-size: 14px;line-height: 3">
<div style="font-size: 2em">
hello
<span style="font-size: 3em;line-height: 3em">
world
</span>
</div>
</div>hello和world所在元素的实际行高是多少呢,原因是什么呢？
展开
收起
1
条回答
写回答
写回答
-
IT从业<div style="font-size: 14px;line-height: 3>这个是定义了一个基准的字体大小，行高设置3的意思是下面所有子元素，其行高是自己字体的3倍
这个元素的字体大小是父元素的2倍，214=28px，行高是自己字体的3倍 283 = 84px<span style="font-size: 3em;line-height: 3em">
这个元素的字体大小是父元素的3倍，283=84px；行高是自己字体的3倍 843 = 252pxPS： span上面的line-height设置与否，效果是一样的
2019-07-17 19:34:12赞同 1 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
