{{CSSRef}}
Zusammenfassung
Die white-space
CSS-Einstellung wird benutzt, um Leerzeichen innerhalb eines Elementes zu handhaben.
{{cssbox("white-space")}}
Syntax
Formal syntax: {{csssyntax("white-space")}}
white-space: normal white-space: nowrap white-space: pre white-space: pre-wrap white-space: pre-line white-space: inherit
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 {{HTMLElement("br")}}-Elementen gebrochen.
-
pre-wrap
- Aufeinanderfolgende Leerzeichen bleiben erhalten. Zeilen werdenan Zeilenumbruch-Zeichen, an {{HTMLElement("br")}} und am notwendigen Stellen um die Zeile zu füllen umgebrochen.
-
pre-line
- Aufeinanderfolgende Leerzeichen fallen zusammen. Zeilen werden an Zeilenumbruch-Zeichen, an {{HTMLElement("br")}} und an notwendigen Stellen um die Zeile zu füllen umgebrochen.
The following table summarizes the behavior of various white-space
values:
Neue Zeilen | Leerzeichen und Tabulatoren | Textumbruch | |
---|---|---|---|
normal |
Fallen zusammen | Fallen zusammen | Umbruch |
nowrap |
Fallen zusammen | Fallen zusammen | Kein Umbruch |
pre |
Bleiben erhalten | Preserve | Kein Umbruch |
pre-wrap |
Bleiben erhalten | Preserve | Umbruch |
pre-line |
Bleiben erhalten | Fallen zusammen | Umbruch |
Beispiele
code { white-space: pre; }
Spezifikationen
Spezifikation | Status | Kommentar |
---|---|---|
{{SpecName('CSS3 Text', '#white-space', 'white-space')}} | {{Spec2('CSS3 Text')}} | Präzisiert den Umbruch-Algorithmus. Äußerlich bewirkt der white-space eine kompakte Eigenschaft. |
{{SpecName('CSS2.1', 'text.html#white-space-prop', 'white-space')}} | {{Spec2('CSS2.1')}} | Anfänglichespezifikation. |
Browser compatibility
{{CompatibilityTable()}}
Eigenschaft | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Grundlegende Unterstützung (normal und nowrap ) |
1.0 | {{CompatGeckoDesktop("1.0")}} | 5.5 [*] | 4.0 | 1.0 (85) |
pre |
1.0 | 1.0 | 6.0 | 4.0 | 1.0 (85) |
pre-wrap |
1.0 | {{CompatGeckoDesktop("1.0")}} — {{CompatGeckoDesktop("1.9.1")}}{{property_prefix("-moz")}} {{CompatGeckoDesktop("1.9")}} |
8.0 | 8.0 | 3.0 (522) |
pre-line |
1.0 | {{CompatGeckoDesktop("1.9.1")}} | 8.0 | 9.5 | 3.0 (522) |
[*] Internet Explorer 5.5+ supports {{Cssxref("word-wrap")}}: break-word;
The following code allows line breaking inside pre
elements:
pre { word-wrap: break-word; /* IE 5.5-7 */ white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */ white-space: pre-wrap; /* current browsers */ }
Siehe auch
- {{CSS_Reference:Text()}}