Skip to content
文章目录

line-height 详解

作用

设置行高

line-height 可设置的值

  • normal: line-height: normal
  • inherit: line-height: inherit
  • 百分比: line-height: 150%
  • 带单位(如:px,em,rem 等)的值: line-height:1.5em
  • 纯数字: line-height: 1.5

normal(是 line-height 的默认值)

取决于用户端。桌面浏览器(包括 Firefox)使用默认值,约为 1.2,这取决于元素的 font-family。 如果不设置那 line-height 的默认值就是 normal

inherit

继承父元素的 line-height

纯数字

该属性的应用值是这个无单位数字<数字>乘以该元素的字体大小。计算值与指定值相同。大多数情况下,这是设置 line-height 的推荐方法,不会在继承时产生不确定的结果。

有以下几种情况

父元素指定了 font-size 和 lien-height, 子元素设置了 font-size 未设置 line-height

父元素指定了 font-size 和 lien-height, 子元素设置了 font-size 未设置 line-height 为 inherit

带单位(如:px,em,rem 等)的值

设置一个具体的 line-height

参考资料

MDN line-height

line-height 属性值设置 1.5 和 1.5em 有啥不一样?

line-height: 150%、1.5em、1.5