Question

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

Answer 1

例如，12px字体大小和距离底部和上部线4px：

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

或em单位

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

Answer 2

这个派对迟到了，但想加上。

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

Answer 3

如果您想要精简线条，可以为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>

<强> - ＆GT;使用this snippet on jsfiddle.net

进行游戏

您还可以为细线间距控制增加line-height：

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

Answer 4

您无法使用line-height（<p>块之间的间距）在CSS中设置段落间距。而是设置段内行间距，即<p>块内行之间的间距。也就是说，行高是印刷师在段落中的行间引导由行高控制的。

我目前还不知道CSS中的任何方法可以生成（例如）0.15em inter - <p>间距，无论是在任何字体属性上使用em还是rem变体。我怀疑它可以通过更复杂的浮点数或偏移来完成。遗憾的是，这在CSS中是必要的。

Answer 5

试试这个属性

line-height:200%;

或

line-height:17px;

使用增加＆amp;减少音量

Answer 6

我不确定这是不是你的意思：

line-height: size;

Answer 7

尝试line-height属性;分配行高

的方法有很多种

Answer 8

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

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

Answer 9

是的，正如大家所说，line-height就是这个问题。您正在使用的任何字体，中间高度的字符（例如a或■，不通过上下字符）都应在line-height: 0.6至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>

设置行间距

9 个答案: