设置行间距

Question

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

Answer 1

尝试使用line-height属性.

例如,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>

- > 在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 <p>间距,无论是在任何字体属性上使用em还是rem变体.我怀疑它可以通过更复杂的浮点数或偏移来完成.可惜这在CSS中是必要的.

Answer 5

试试这个属性

line-height:200%;

要么

line-height:17px;

使用增加和减少音量

Answer 6

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

line-height: size;