Stel regelafstand in

Hoe kan ik regelafstand instellen met CSS, zoals we dat in MS Word kunnen instellen?

Antwoord 1, autoriteit 100%

Probeer de eigenschap line-height.

Bijvoorbeeld 12px lettergrootte en 4px ver van de onderste en bovenste regels:

line-height: 20px; /* 4px +12px + 4px */

Of met emeenheden

line-height: 1.7em; /* 1em = 12px in this case. 20/12 == 1.666666  */

Antwoord 2, autoriteit 43%

U kunt ook een waarde zonder eenheid gebruiken, dit is het aantal regels: line-height: 2;is dubbel gespatieerd, line-height: 1.5;is anderhalf, enz.

Antwoord 3, autoriteit 5%

Je kunt de afstand tussen alinea’s in CSS niet instellen met regelhoogte, de afstand tussen <p>blokken. Dat stelt in plaats daarvan de regelafstand tussen alinea’s in, de ruimte tussen regels binnen een <p>-blok. Dat wil zeggen, regelhoogte is de inter-regelafstand van de typograaf binnen de alinea die wordt bepaald door regelhoogte.

Ik ken momenteel geen methode in CSS om (bijvoorbeeld) een 0,15em inter-<p>spatiëring te produceren, of ik nu em of rem-varianten op een font-eigenschap gebruik. Ik vermoed dat het kan worden gedaan met meer complexe floats of offsets. Jammer dat dit nodig is in CSS.

Antwoord 4, autoriteit 4%

Als u verkorte regels wilt, kunt u dezelfde waarde instellen voor font-sizeen line-height

In uw CSS-bestand

.condensedlines {              
    font-size:   10pt;
    line-height: 10pt;  /* try also a bit smaller line-height */
}

in uw HTML-bestand

<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>

– & GT; Speel met Dit snippet op jsfidddle.net

U kunt ook vergroten line-heightvoor Fine Line-afstandscontrole:

.mylinespacing {
    font-size:   10pt;
    line-height: 14pt; /* 14 = 10 + 2 above + 2 below */
}

Antwoord 5, Autoriteit 4%

Probeer deze woning

line-height:200%;

of

line-height:17px;

Gebruik de toename & amp; Verminder het volume

Antwoord 6, Autoriteit 2%

Ik ben niet zeker of dit is wat u bedoelde:

line-height: size;

Antwoord 7, Autoriteit 2%

Probeer line-heighteigendommen; Er zijn veel manieren om lijnhoogte toe te wijzen

Antwoord 8

YUP, zoals iedereen zegt, line-heightis het ding.
Elk lettertype dat u gebruikt, een middenhoogte-personage (zoals een of ■, niet door de boven of lager gaan) moet met dezelfde hoogte-lengte gaan bij line-height: 0.6op 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>