line-height的使用

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

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

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

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

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

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

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值