CSS 中 inline 元素的 height 怎样计算的?
我遇到个 span 匀速, 设置了 font-size line-height 都是 14px,
但看实际布局的高度却一直是 16px 直到手动设置了高度, 才注意到是 inline.
这让我感到很奇怪, inline 元素的高度和 font-size line-height 不是绑定的...
那么这个高度是怎么计算到的?
展开
收起
1
条回答
写回答
写回答
-
这种情况我觉得有可能是元素中的行内框高度不一致导致行框的高度变高造成的，因为字体的font-size值确定了各个em框的高度，而对于行内非替换元素，内容区就是各字体的em框串在一起构成的，内容区的高度加上行间距的值就是行内框的高度，而行间距的值就是line-height的值与font-size值之差。最后，对在这个行中所包含的所有行内框，取行内框的最高点和最低点形成行框，行框的高度也就是实际的高度了。
2019-07-17 19:14:48赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
