行間隔を設定する

MS Wordで設定できるように、CSSで行間を設定するにはどうすればよいですか？

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;など、1 1/2であります

CSSでは、<p>ブロック間の間隔である行の高さを使用して段落間の間隔を設定することはできません。代わりに、段落内の行間隔、つまり<p>ブロック内の行間の間隔を設定します。つまり、line-heightは、段落内のタイポグラファーの行間リーディングであり、line-heightによって制御されます。

現在のところ、CSSで（たとえば）<p>フォントプロパティにemバリアントとremバリアントのどちらを使用しても、0.15emの間隔を生成する方法は知りません。私はそれがより複雑な浮動小数点数またはオフセットで実行できると思う。残念なことに、これは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（またはネイティブモバイルアプリ）で使用されます。

Webの場合letterSpacing（またはletter-spacing）を使用できます