CSS Line Height属性

CSS Line Height属性用于设置行高度，即行框（line box）的高度。

语法

line-height: normal|number|length|initial|inherit;

属性值解释

• normal：默认值。行高等于元素的字体高度。值为1.2。
• number：指定一个数字，为当前字体大小的倍数。例如，如果字体大小为16px，且line-height值为1.5，则行高为24px（16px x 1.5）。
• length：指定一个固定的行高值。例如，line-height: 24px。
• initial：设置属性的值为默认值。
• inherit：继承父元素的属性值。

示例

• 设置行高为1.5倍字体大小

p {
  font-size: 16px;
  line-height: 1.5;
}

• 设置行高为固定值20px

p {
  line-height: 20px;
}

• 继承父元素的属性值

.parent {
  font-size: 18px;
  line-height: 1.5;
}

.child {
  line-height: inherit;
}

总结

CSS Line Height属性用于设置行高，通过设置合适的行高可以改善页面的阅读体验。常见的应用场景包括段落、标题等文字内容的布局。