CSS中关于行高line-height的浅析

由于是前端初学者,以下一些内容为自己的理解,若有错误,希望能不吝赐教,谢谢!

文章内容基于:CSS中line-height的学习

以下是自己的个人理解

  1. line-height指的是font-size + line-spacing,浏览器的默认值是:1.2,这里的值是实数,也就是font-size的1.2倍,属性具体的其他值设定可见上面的文章。
  2. line-height之所学习,是因为在w3cshool中看到为什么使用text-align: center和它可以使得单行文字在div模块实现左右上下居中的效果,现在我们应该能理解为什么当line-height的值同block的height的值相等时,就可以实现,因为它把整个block是完整的划分成两个行距以及一个font-size的大小。
  3. 另外从这篇文章里我们也知道了行内元素关于字体部分,除了bottom、top,还有中线middle,以及baseline基线。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值