[分享]css中如何让设置行间距

在CSS中，设置文本行间距是非常简单的。我们只需要使用CSS属性lineheight，给它设定一个像素或是百分比值即可。下面是一个简单的例子：p { lineheight: 1.5; } 这里我们使用...

在CSS中，设置文本行间距是非常简单的。我们只需要使用CSS属性line-height，给它设定一个像素或是百分比值即可。
下面是一个简单的例子：

p {
  line-height: 1.5;
} 

这里我们使用了p标签来表示段落，然后使用CSS选择器p来选择所有段落元素。在大括号里，我们使用了line-height属性，并且把值设成1.5。表示我们要把段落中行的行间距设为1.5倍行高。
除了使用实际像素值或百分比，我们还可以使用单位em或rem或者没有单位的值。具体的区别可以参考CSS规范。
如果我们想为不同的段落设定不同的行间距，我们可以按照以下方式设置：

p {
  line-height: 1.5;
}

p.intro {
  line-height: 1.2;
}

p.lead {
  line-height: 1.8;
} 

这里我们通过为不同的段落类名设定不同的行间距，实现了不同的效果。
有时候我们可能会需要把代码块中的行间距设定得比较小，这时候可以使用pre标签来包裹代码块。在CSS中，pre元素的默认行间距很小，可以满足我们的需求。如果需要的话，我们也可以使用与上面相同的规则来为pre元素设定行间距。
总的来说，在CSS中设置行间距是非常容易的。我们只需要使用line-height属性，并为它设定合适的值即可。