Antworten:
Versuchen Sie, die line-height - Eigenschaft.
Beispiel: 12 Pixel Schriftgröße und 4 Pixel Abstand von der unteren und oberen Zeile:
line-height: 20px; /* 4px +12px + 4px */
Oder mit em
Einheiten
line-height: 1.7em; /* 1em = 12px in this case. 20/12 == 1.666666 */
Sie können auch einen Wert ohne Einheit verwenden, dh die Anzahl der Zeilen: line-height: 2;
doppelter Abstand,line-height: 1.5;
eineinhalb usw.
Sie können den Abstand zwischen Absätzen in CSS nicht mithilfe der Zeilenhöhe, dem Abstand zwischen <p>
Blöcken, festlegen . Dadurch wird stattdessen der Zeilenabstand innerhalb des Absatzes festgelegt, der Abstand zwischen den Zeilen innerhalb von a<p>
Blocks. Das heißt, die Zeilenhöhe ist die Zwischenzeile des Typographen innerhalb des Absatzes, die durch die Zeilenhöhe gesteuert wird.
Gegenwärtig kenne ich keine Methode in CSS, um (zum Beispiel) einen <p>
Abstand von 0,15 em zu erzeugen , unabhängig davon, ob em- oder rem-Varianten für eine Schrifteigenschaft verwendet werden. Ich vermute, dass dies mit komplexeren Floats oder Offsets möglich ist. Schade, dass dies in CSS notwendig ist.
<p>
Abstand verwenden?
margin-top
und / oder margin-bottom
kann effektiv erreichen, was hier gewünscht wird.
Wenn Sie komprimierte Leitungen möchten, können Sie denselben Wert für font-size
und festlegenline-height
In Ihrer CSS-Datei
.condensedlines {
font-size: 10pt;
line-height: 10pt; /* try also a bit smaller line-height */
}
In Ihrer HTML-Datei
<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>
-> Spielen Sie mit diesem Snippet auf jsfiddle.net
Sie können auch die line-height
Feinabstandssteuerung erhöhen :
.mylinespacing {
font-size: 10pt;
line-height: 14pt; /* 14 = 10 + 2 above + 2 below */
}
Versuchen Sie diese Eigenschaft
line-height:200%;
oder
line-height:17px;
Verwenden Sie die Option zum Erhöhen und Verringern der Lautstärke
Ich bin mir nicht sicher, ob Sie das gemeint haben:
line-height: size;
Ja, wie jeder sagt, line-height
ist die Sache. Jede Schriftart, die Sie verwenden, ein Zeichen mittlerer Höhe (z. B. a oder ■, das nicht durch die obere oder untere geht) sollte dieselbe Höhenlänge von line-height: 0.6
bis haben 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>
display: block;
dass diese Einstellungen auch überall wirksam sein mussten, nicht nur oben und unten im Absatz.