HTML-Textumbruch

Im heutigen Beitrag erfahren Sie, wie Sie Text in HTML umbrechen.

Textumbruch in HTML

Texteditoren und Textverarbeitungsprogramme haben Funktionen, die als Textumbruch oder Textfluss bekannt sind. Wenn der Rand der Seite erreicht ist, ermöglicht es, den Text des Benutzers in die folgende Zeile zu übertragen.

Lange Wörter können dank des Attributs word-wrap aufgeteilt und in die folgende Zeile umgebrochen werden.

Syntax:

word-wrap: value

Die vier Werte, die Zeilenumbruch unterstützt, sind wie folgt aufgelistet:

1. Der Standardwert der Eigenschaft Zeilenumbruch ist normal, wodurch Wörter nur an erlaubten Stellen umgebrochen werden.
2. Unzerbrechliche Wörter können dank des Werts break-word gebrochen werden.
3. Der Wert initial setzt diese Eigenschaft auf ihre Standardeinstellung.
4. Der Wert inherit erbt dieses Attribut von seinem übergeordneten Element.

Um das vorherige Konzept besser zu verstehen, betrachten Sie das folgende Beispiel.

<div>
Helloooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo World!
</div>

div {
    width: 350px;
    word-wrap: break-word;
}

Das obige Beispiel gibt den Ausdruck hello world innerhalb eines div mit 285 Zeichen aus. Der Zeilenumbruch: Trennwort; -Attribut wird verwendet, um das Wort in der folgenden Zeile automatisch umzubrechen, wenn die Breite auf dem Bildschirm 350px überschreitet.