CSS 字体间距设置：line-height 和 letter-spacing详解

CSS 字体间距设置：line-height 和 letter-spacing详解

CSS 中控制字体间距的属性主要有两个：line-height 和 letter-spacing。

1. line-height：控制行高

line-height 属性控制文本行与行之间的距离，可以设置为数字、百分比、长度等值，也可以设置为 normal。normal 由浏览器决定，通常等于字体的高度。

示例代码：

p {
  line-height: 1.5; /* 设置行高为字体高度的 1.5 倍 */
}

2. letter-spacing：控制字符间距

letter-spacing 属性控制文本字符与字符之间的距离，可以设置为正值、负值、长度等值。

示例代码：

h1 {
  letter-spacing: 0.2em; /* 设置字符间距为字体大小的 0.2 倍 */
}