您现在的位置: 365建站网 > 365学习 > line-height的继承

line-height的继承

文章来源:365jz.com     点击数:159    更新时间:2009-09-18 10:21   参与评论
       看了玉伯的博客里关于line-height的一篇文章,http://lifesinger.org/blog/2009/08/line-height/ 。平时经常见到的line-height竟包含很多鲜为人知的事。line-height的值可以为:<length>|<percentage>|<number>| noromal | inherit。em,px和百分数都相对于元素的font-size值计算。
      但是当一个块级元素继承另一个元素的line-height属性时,情况就会变得比较复杂。line-height值从父元素继承时,要从父元素那里计算,而不是在子元素上计算。
Code

这里的p的font-size是16px,但是它继承来的line-height只有15px,所以导致行挨得比较近。
解决办法:1.可以为每个元素显式的设置line-height属性,但是不太实用。
2.指定一个数,由它设置缩放因子。
Code

指定一个数时,缩放因子将是继承值而不是计算值。这个数会应用到该元素及其所有子元素,所以各元素可以根据自己的font-size值来计算line-height。
所以这里的p的line-height为15*1.5px;
Tag标签: line-height继承

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (159人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------