white-space

Zusammenfassung

Die white-space CSS-Einstellung wird benutzt, um Leerzeichen innerhalb eines Elementes zu handhaben.

Syntax

/* Schlüsselwortwerte */
white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;

/* Globale Werte */
white-space: inherit;
white-space: initial;
white-space: unset;

Werte

normal

Aufeinanderfolgende Leerzeichen fallen zusammen. Zeilenumbruch-Zeichen im Quellcode werden als andere Leerzeichen gehandhabt. Bricht Zeilen notwendigen Stellen um und füllt die Zeile.

nowrap

Wie normal, aber unterdrückt Zeilenumbrüche im Text.

pre

Aufeinanderfolgende Leerzeichen bleiben erhalten, Zeilen werden nur an Zeilenumbruch-Zeichen im Quellcode und an  <br>-Elementen gebrochen.

pre-wrap

Aufeinanderfolgende Leerzeichen bleiben erhalten. Zeilen werden an Zeilenumbruch-Zeichen, an <br> und an notwendigen Stellen um die Zeile zu füllen umgebrochen.

pre-line

Aufeinanderfolgende Leerzeichen fallen zusammen. Zeilen werden an Zeilenumbruch-Zeichen, an <br> und an notwendigen Stellen um die Zeile zu füllen umgebrochen.

The following table summarizes the behavior of various white-space values:

Formale Syntax

normal | pre | nowrap | pre-wrap | pre-line

Beispiele

code { 
  white-space: pre; 
}

Spezifikationen

Browser Kompatibilität

Siehe auch

• overflow-wrap, word-break, hyphens