line-height带单位与不带单位有什么区别

line-height带单位

line-height:26px; 表示行高为26个像素

line-heigth:26%;表示行高为当前字体大小的26%

line-height:26em; 表示行高为当前字体大小的26倍

带单位的行高都有继承性,但是其子元素继承的是计算值,如父元素的字体大小为14px,定义行高line-height:2em;则计算值为 28px,不会因其子元素改变字体尺寸而改变行高。

line-height不带单位

line-height:26;表示行高为当前字体大小的26倍

不带单位的行高是直接继承,而不是计算值,如父元素字体尺寸为14px,行高line-height:2;他的行高为28px;子元素尺寸为12px,不需要再定义行高,他默认的行高为24px

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容