微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

line-height:1.5和line-height之间有什么区别?在css中为150%?

有人知道吗

解决方法

短版本:line-height:150%是静态的,line-height:1.5是动态的.对继承元素的影响更为明显.一个例子:

HTML

<div style="font-size: 12px">
    <span style="font-size: 24px">test</span>
</div>

这个CSS

div { line-height: 150%; } /* Computed line-height: 18px (150% * 12px) */
span { }                   /* Computed line-height: 18px (inherited directly) */

与此相反:

div { line-height: 1.5 }   /* Computed line-height: 18px (1.5 * 12px) */
span { }                   /* Computed line-height: 36px (1.5 * 24px) */

您可以在CSS2 specs page阅读更多

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。