CSS – 行间距

我如何设置与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

试试这个属性

 line-height:200%; 

要么

 line-height:17px; 

使用增加和减小音量

Answer 4

如果您需要浓缩线条，则可以为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 5

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

我目前不知道在CSS中有任何方法来产生（例如）0.15毫米的间距，无论是在任何字体属性上使用em或rem变体。 我怀疑可以用更复杂的花车或补偿来完成。 可惜这是必要的CSS。

Answer 6

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

 line-height: size; 

Answer 7

尝试line-height属性; 有很多方法来分配线高度