设定行距

我如何在CSS中设置行距，就像我们可以在MS Word中设置行距一样？

尝试使用line-height属性。

例如，字体大小为12px，距底行和底行的距离为4px：

line-height: 20px; /* 4px +12px + 4px */

或带em单位

line-height: 1.7em; /* 1em = 12px in this case. 20/12 == 1.666666  */

您还可以使用无单位值，即行数：line-height: 2;双倍行距，一倍line-height: 1.5;半等等。

您不能在CSS中使用行高（<p>块之间的间距）设置段落间的间距。而是设置段落内的行间距，即<p>块内行之间的间距。也就是说，行高是印刷者在段落中的行间领先，由行高控制。

我目前不知道CSS中有任何方法可以产生（例如）0.15em <p>间隔，无论是在任何font属性上使用em还是rem变体。我怀疑可以使用更复杂的浮点数或偏移量来完成。可惜在CSS中这是必需的。

如果要使用压缩线，可以为font-size和设置相同的值。line-height

在您的CSS文件中

.condensedlines {              
    font-size:   10pt;
    line-height: 10pt;  /* try also a bit smaller line-height */
}

在您的HTML文件中

<p class="condensedlines">
bla bla bla bla bla bla <br>
bla bla bla bla bla bla <br>
bla bla bla bla bla bla <br>
</p>

-> 在jsfiddle.net上播放此片段

您还可以增加line-height以进行精细的行距控制：

.mylinespacing {
    font-size:   10pt;
    line-height: 14pt; /* 14 = 10 + 2 above + 2 below */
}

试试这个属性

line-height:200%;

要么

line-height:17px;

使用增加和减少音量

我不确定这是否是您的意思：

line-height: size;

尝试line-height物业；有很多分配线高的方法

众所周知，line-height是的。您正在使用的任何字体，中间高度的字符（例如a或■，不通过上下字符）都应与line-height: 0.6to 处的高度相同0.65。

<div style="line-height: 0.65; font-family: 'Fira Code', monospace, sans-serif">
aaaaa<br>
aaaaa<br>
aaaaa<br>
aaaaa<br>
aaaaa
</div>
<br>
<br>

<div style="line-height: 0.6; font-family: 'Fira Code', monospace, sans-serif">
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■<br>
■■■■■■■■■■
</div>
<br>
<br>
<strong>BUT</strong>
<br>
<br>
<div style="line-height: 0.65; font-family: 'Fira Code', monospace, sans-serif">
ddd<br>
ƒƒƒ<br>
ggg
</div>

lineSpacing在React Native（或本机移动应用程序）中使用。

对于网络，您可以使用letterSpacing（或letter-spacing）