如何设置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;
是一倍半,等等。
如果要使用压缩线,则可以为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>
您也可以增加line-height
以进行精细的行距控制:
.mylinespacing {
font-size: 10pt;
line-height: 14pt; /* 14 = 10 + 2 above + 2 below */
}
您无法在CSS中使用<p>
块之间的行高设置行间距。而是设置段落内的行间距,即<p>
块内行之间的间距。也就是说,行高是印刷者在段落中的行间领先,由行高控制。
尝试此属性
我不确定这是否是您的意思:
尝试line-height
属性;有很多分配线高的方法
lineSpacing用于React Native(或本机移动应用程序)。
是的,正如大家所说,line-height
就是这个东西。您正在使用的任何字体,中间高度的字符(例如a或■,不通过上下字符)都应在line-height: 0.6
至0.65
处使用相同的高度长度。