css3 文字行间距

在 CSS3 中，可以使用 line-height 属性来控制文本行间距。

line-height 属性可以设置行间距为一个固定值，也可以根据元素的字体大小来自动计算行间距。

p {
  line-height: 1.5; /* 设置行间距为正文字体大小的 1.5 倍 */
}

line-height 的计算方式如下：

line-height = （文本行高 - 文字高度）/ 2 + 文字高度

其中，文本行高指的是两行文字基线之间的距离，文字高度指的是单个文字的高度。

如果想要实现更细粒度的行间距控制，可以使用有单位的 line-height 值，比如：

p {
  line-height: 1.2em; /* 设置行间距为正文字体大小的 1.2 倍 */
}

在使用 line-height 来控制行间距时，要注意以下几点：

• line-height 的值不能小于文字高度，否则会导致文字重叠。
• line-height 的值过大会导致段落行间距过大，影响段落的美观度。
• line-height 的值也可以使用百分比、rem、vh 等单位。

综上所述，line-height 属性是 CSS3 中控制文本行间距的利器。它可以帮助我们实现段落美观、易读的效果。