css的行高Line Height属性

1.line-height可以被定义为:body{line-height:normal;}

2.line-height可以被定义为:body{line-height:inherit;}

3.line-height可以使用一个百分比的值body{line-height:120%;}

4.line-height可以被定义为一个长度值(px,em等) body{line-height:25px;}

5.line-height也可以被定义为纯数字, body{line-height:1.2}


1.百分比:字体大小 x 百分比=    计算出来的值会被层叠下的元素所继承 line-height不会随着相关的font-size做相应的比例缩放。

2.长度:20px  会被后代元素所继承  line-height不会随着相关的font-size做相应的比例缩放

3.normal:1.2  line-height会随着相关的font-size做相应的比例缩放

4.纯数字:line-height会随着相关的font-size做相应的比例缩放

一般来说,设置行高的值为 纯数字 是最理想的方式,因为其会随着相应的font-size做相应的比例缩放

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值