[分享]css中字体间距自适应

在CSS中，字体间距（也称为行高）指的是每一行文字之间的垂直距离。通常情况下，字体间距是由字体大小决定的，但是如果你想自定义这个间距，可以使用CSS的lineheight属性。lineheight属性...

在CSS中，字体间距（也称为行高）指的是每一行文字之间的垂直距离。通常情况下，字体间距是由字体大小决定的，但是如果你想自定义这个间距，可以使用CSS的line-height属性。

line-height属性可以接受多种不同的值。最常见的是使用一个固定值来指定间距，比如：

p {
  font-size: 20px;
  line-height: 30px;
} 

这个例子中，每一行文字之间的间距为30像素（比字体大小大10像素）。如果你想让行高适应字体大小，可以使用一个比例值，比如：

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

这个例子中，行高被设置成1.5倍的字体大小，也就是30像素。

如果你想让行高自适应父元素的高度，可以将line-height属性设置成一个百分比值，比如：

.container {
  height: 200px;
}

p {
  font-size: 20px;
  line-height: 150%;
} 

在这个例子中，段落的行高被设置成父元素高度的150%。这意味着如果父元素的高度为200像素，每一行文字之间的间距将为30像素。

总之，通过使用line-height属性，可以轻松地自定义CSS中的字体间距。你可以根据需要选择一个固定值、比例值或百分比值。