Установить межстрочный интервал

Ответ 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  */

Ответ 2

Вы также можете использовать значение без единиц измерения, которое представляет собой число строк: line-height: 2; имеет двойной интервал, line-height: 1.5; равен полутора и т.д.

Ответ 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 */
}

Ответ 4

Вы не можете установить интервал между абзацами в CSS, используя высоту строки, расстояние между блоками <p>. Это вместо этого устанавливает интервал между параграфами, пробел между строками в блоке <p>. То есть, линия-высота - это типографская межстрочная линия, ведущая внутри абзаца, контролируется высотой линии.

В настоящее время я не знаю какого-либо метода в CSS для создания (например) интервала интервала между интервалами 0,15 мкм, будь то использование em или rem вариантов для любого свойства шрифта. Я подозреваю, что это можно сделать с более сложными поплавками или смещениями. Жаль, что это необходимо в CSS.

Ответ 5

Попробуйте это свойство

line-height:200%;

или

line-height:17px;

используйте увеличение и уменьшение объема

Ответ 6

Я не уверен, что это вы имели в виду:

line-height: size;

Ответ 7

Попробуйте line-height свойство; существует много способов присвоить высоту линии

Ответ 8

Вы имеете в виду, как, межбуквенный интервал: -0.5px; ?

Ответ 9

lineSpacing используется в React Native (или в собственных мобильных приложениях).

Для веб вы можете использовать letterSpacing (или letter-spacing)

Ответ 10

Да, как все говорят, это line-height. Любой шрифт, который вы используете, символ средней высоты (такой как или ■, не проходящий через верхний или нижний), должен иметь одинаковую длину по высоте от 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>