line-height

  • 版本:CSS1
  • 2018.4.8

语法:

line-height:normal | <length> | <percentage> | <number>

默认值normal

适用于:所有元素

继承性:有

动画性:当值为 <length> | <number>

计算值:指定值

媒 体:视觉

取值:

normal:
允许内容顶开或溢出指定的容器边界。
<length>
用长度值指定行高。不允许负值。
<percentage>
用百分比指定行高,其百分比基于文本的font-size进行换算。不允许负值。
<number>
用乘积因子指定行高。不允许负值。

说明:

定义元素中行框的最小高度。
  • 在块容器元素内,其内容由行内级元素组成,line-height用来指定块容器内行框的最小高度。行框的最小高度由基线上升部的最小高度加下伸部的最小深度组成,这就像把每个行框想象成是以一个带有元素字体和行高属性的零宽内联盒开始是完全一致的。我们把这个想象盒称之为strut(支柱)。
  • 对应的脚本特性为:lineHeight

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例:

关注编程学问公众号