前端学习(十二)height和line-height

height属性是决定元素高度的因素之一。line-height多用于让单行文字垂直居中。
其实line-height就是让文字居中的height:文字按照line-height设置的高度居中。
但是,在height和line-height同时存在的情况下:
高度以height为准,文字顶部离上边的距离以line-height中所计算的为准。

line-height的使用:

  1. line-height有继承性,也就是说如果一个元素你没有明确地指明它的line-height,则它会去使用离它最近的父级(包括祖辈)元素的line-height。

  2. line-height:150% 和 1.5的区别。百分值:先根据自己的font-size算出具体的line-height,直接把这个算出来的结果给下一代使用。
    数值:直接把这个数值传给后代,让它们自己去再去根据自己的font-size*数值 得到自己的line-height。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值