CSS Zeilenumbruch Die Eigenschaft wird verwendet, um die langen Wörter zu unterbrechen und in die nächste Zeile umzubrechen. Diese Eigenschaft wird verwendet, um einen Überlauf zu verhindern, wenn eine unzerbrechliche Zeichenfolge zu lang ist, um in das enthaltende Feld zu passen.

Diese Eigenschaft definiert die Pausen im Wort, um einen Überlauf zu vermeiden, wenn ein Wort zu lang ist, um in den Container zu passen. Es gibt das Umbrechen von Wörtern an, wenn der Inhalt die Containergrenze überschreitet.

Syntax

 word-wrap: normal | break-word | initial l inherit ; 

Werte

normal: Dies ist der Standardwert, der verwendet wird, um Wörter nur an zulässigen Haltepunkten zu unterbrechen.

Prioritätswarteschlange

Pausenwort: Es wird verwendet, um die unzerbrechlichen Wörter zu brechen.

Letztes Commit rückgängig machen

anfänglich: Es wird verwendet, um die Eigenschaft auf ihren Standardwert zu setzen.

erben: Es erbt die Eigenschaft von seinem übergeordneten Element.

Beispiel

 .test { width: 200px; background-color: lightblue; border: 2px solid black; padding: 10px; font-size: 20px; } .test1 { width: 11em; background-color: lightblue; border: 2px solid black; padding: 10px; word-wrap: break-word; font-size: 20px; } <p> In this paragraph, there is a very long word: iamsooooooooooooooooooooooooooooooolongggggggggggggggg. The long word will break and wrap to the next line. </p> 

Ausgabe