CSS - Zeilenabstand setzen

CSS - Zeilenabstand setzen
HTML und CSS sind zwei Kerntechnologien zum Erstellen und Entwerfen von Webseiten. Benutzer können Daten in vielen Formen hinzufügen, z. B. Linien, Absätze, Tabellen und Blöcke. Um das Chaos zu vermeiden und die Daten in einer ordnungsgemäßen Reihenfolge zu verarbeiten.

Dieser Beitrag zeigt die Anweisungen zum Einstellen des Leitungsabstands in CSS.

So setzen Sie den Zeilenabstand in CSS?

Um den Leitungsabstand in CSS festzulegen, werden wir Daten in HTML hinzufügen. Befolgen Sie dazu die angegebenen Anweisungen:

  • Fügen Sie zunächst das Überschriften -Tag hinzu “

    ”Um die Überschrift einzustellen.

  • Dann erwähnen wir vier verschiedene Beispiele für die Einstellung des Zeilenabstands mit den NamenBeispiel 1: 30px","Beispiel 2: 50px","Beispiel 3: 1 cm", Und "Beispiel 4: 2 cm”.
  • Füge hinzu ein "Container in jeder Überschrift und weisen Sie jedem Div -Element die Klasse zu. Zum Beispiel haben wir den Klassennamen als "festgelegt" festgelegt "Beispiel-a","Beispiel-B ”,Beispiel-C", Und "Beispiel-D", bzw:

So setzen Sie die Line Space -Eigenschaft in CSS ein


Beispiel 1: 30px


Dies ist die Linie mit dem angegebenen Linienraum.>

Der Linienraum wird als 30px eingestellt.

Beispiel 2: 50px:


Dies ist die Linie mit dem angegebenen 50px -Linienraum.>

Der Linienraum wird als 50px eingestellt.

Beispiel 3: 1 cm:


Dies ist die Linie mit dem angegebenen 1 cm Leitungsraum.>
Der Linienraum wird als 1 cm eingestellt.

Beispiel 4: 2 cm:


Dies ist die Linie mit dem angegebenen 2 cm Leitungsraum.>

Der Linienraum wird als 2 cm eingestellt.

Die Ausgabe des oben genannten erwähnten Code ist unten angegeben:

Leitungsabstand in CSS einstellen

Im "”Tag, greifen Sie auf alle Klassen eins nach eins zu, wie unten gezeigt:

.Beispiel-a
Zeilenhöhe: 30px;

.Beispiel-B
Zeilenhöhe: 50px;

.Beispiel-C
Zeilenhöhe: 1 cm;

.Beispiel-d
Zeilenhöhe: 2 cm;

Greifen Sie auf das DIV -Element nach Klassennamen zu, wie z. B. “.Beispiel-a"Und wenden Sie die CSS -Eigenschaft an"Line-HleighT". Legen Sie danach den Wert für diese Eigenschaft nach Ihrer Wahl fest. Wenden Sie dieselbe Eigenschaft auf allen Klassen und den jeweiligen Linienabstand an.

Es kann beobachtet werden, dass wir den Linienabstand in jedem Beispiel erfolgreich eingestellt haben:

Wir haben die Anweisung zum Einstellen des Linienraums in CSS erfahren.

Abschluss

Um den Linienraum zu setzen, erstellen Sie zunächst das einfache Mehrfaches “div”Container. Geben Sie dann die Klassen an, um darauf zugreifen zu können. Danach zugreifen Sie im CSS -Abschnitt mit ihren jeweiligen Klassen auf den „DIV“ -Container und wenden Sie die “anLine-HleighT ”CSS -Eigentum. Dieser Blog hat die Anweisungen zum Einstellen des Zeilenabstands in CSS demonstriert.