#white-space
Legt fest, wie der Weißraum des Elements behandelt wird.
default
white-space: normal;
Sequenzen von Leerzeichen werden zu einem zusammengefasst.
Zeilenumbrüche werden ignoriert.
Der Textinhalt wird umbrochen.
white-space: nowrap;
Sequenzen von Leerzeichen werden zu einem zusammengefasst.
Zeilenumbrüche werden ignoriert.
Der Textinhalt wird nicht umgebrochen und bleibt in einer einzelnen Zeile.
white-space: pre;
Der Leerraum wird genau erhalten.
- Sequenzen von Leerzeichen werden beibehalten
- Zeilenumbruch nur bei neuen Zeilen und
<br>
white-space: pre-wrap;
Der Leerraum wird meist erhalten.
- Sequenzen von Leerzeichen bleiben erhalten
- Zeilenumbruch bei Zeilenwechsel,
<br>
aber auch beim Erreichen des Elementendes
white-space: pre-line;
Nur neue Zeilen bleiben erhalten.
- Sequenzen von Leerzeichen werden zu einem zusammengefasst
- Zeilenumbruch bei neuen Zeilen,
<br>
, aber auch beim Erreichen des Elementendes
Die folgende Tabelle fasst das Verhalten der verschiedenen white-space
Zwischenraumzeichen zusammen:
Neue Zeilen | Leerzeichen und Tabulatoren | Textumbruch | Zeilenende-Raum | |
---|---|---|---|---|
normal | Fallen zusammen | Fallen zusammen | Umbruch | Entfernt |
nowrap | Fallen zusammen | Fallen zusammen | Kein Umbruch | Entfernt |
pre | Bleiben erhalten | Bleiben erhalten | Kein Umbruch | Entfernt |
pre-wrap | Bleiben erhalten | Bleiben erhalten | Umbruch | hängend |
pre-line | Bleiben erhalten | Fallen zusammen | Umbruch | Entfernt |
break-space | Bleiben erhalten | Bleiben erhalten | Umbruch | Umbruch |
Hinweis: Um Wörter umzubrechen, verwendet man stattdessen overflow-wrap
, word-break
, oder hyphens
.
- Virtuelle private Netzwerke (VPN): Was steckt hinter dieser Technologie? - 30. August 2022