line-height含义

line-height含义定义如果是多行文字,line-height=每一行文字基线之间的距离。如果是单号文字,line-height=上间距+文本的高度+下间距。并且上间距等于下间距。基线基线指的是文字的下边缘,不同的字体,基线位置会有细微的差别,大致位置是字母x下边缘。盗图:line-height值1.normal默认值。相当于当前字体尺寸的1.2倍。2.number与当前字体…

定义

  • 如果是多行文字,line-height = 每一行文字基线之间的距离。
  • 如果是单行文字,line-height = 上间距 + 文本的高度+下间距。并且上间距等于下间距。

基线

基线指的是文字的下边缘,不同的字体,基线位置会有细微的差别,大致位置是字母x下边缘。
盗图:
在这里插入图片描述

line-height值

1. normal
默认值。相当于当前字体尺寸的1.2倍。

2. number
与当前字体尺寸相乘来设置行间距。
父节点设置line-height,子节点不设置line-height的情况下,子节点会根据本身的字体尺寸和line-height相乘再次计算行间距。

3. %
当前字体尺寸的百分比行间距。
父节点设置line-height,子节点不设置line-height的情况下,子节点会直接继承父节点计算完成的结果,不会再次计算行间距。

4. em
固定尺寸的行间距。计算模式跟百分比一样。

5. inherit
强制从父节点继承行间距。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/34970.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注