[分享]css两行字的间距

在CSS中设置字间距和行间距是非常常见的需求。其中，字间距可以通过letterspacing属性设置，而行间距可以通过lineheight属性设置。/ 设置字间距为2px / p { lettersp...

在CSS中设置字间距和行间距是非常常见的需求。其中，字间距可以通过letter-spacing属性设置，而行间距可以通过line-height属性设置。

/* 设置字间距为2px */
p {
  letter-spacing: 2px;
}

/* 设置行间距为1.5倍 */
p {
  line-height: 1.5;
} 

需要注意的是，行间距并不是指每行文字之间的距离，而是指文字行与行之间的距离。在默认情况下，行间距等于文字的字号。例如，如果文字大小为16px，则默认行间距也为16px。

因此，在设置行间距时，我们可以设置为1的倍数、小数或百分数。例如line-height: 1.2;', 'will make the text 1.2 times its font size.而当line-height: 24px;', '时，则将行间距设置为24像素。