We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Übersicht

Die word-wrap Eigenschaft wird verwendet, um anzugeben ob der Webbrowser Zeilenumbrüche innerhalb von Wörtern machen darf. Dies ist nötig um einem Overflow verzubeugen, wenn ein sonst nicht trennbarer Text zu lange für die beinhaltende Box wäre.

Hinweis: Die ursprünglich (unprefixed) proprietäre Erweiterung word-wrap von Microsoft wurde im aktuellen Entwurf der CSS3 Text Spezifikation in overflow-wrap umbenannt. word-wrap wird jetzt als "alternativer Name" für overflow-wrap angesehen. Stabile Builds von Google Chrome und Opera unterstützen die neue Syntax.

Initialwertnormal
Anwendbar aufalle Elemente
VererbtJa
Medienvisuell
Berechneter Wertwie angegeben
Animationstypdiskret
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

/* Keyword values */
word-wrap: normal;
word-wrap: break-word;

/* Global values */
word-wrap: inherit;
word-wrap: initial;
word-wrap: unset;

Werte

normal
Zeilen dürfen nur bei normal Trennstellen von Wörtern umbrechen.
break-word
Normalerweise nicht trennbare Wörter dürfen an beliebigen Stellen getrennt werden, wenn es sonst keine anwendbaren Trennstellen in der Zeile gibt.

Formale Syntax

normal | break-word

Beispiele

p { width: 13em; background: gold; }

FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsgesetzes und straßenverkehrsrechtlicher Vorschriften)

p { width: 13em; background: gold; word-wrap: break-word; }

FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsgesetzes und straßenverkehrsrechtlicher Vorschriften)

Spezifikationen

Spezifikation Status Bemerkung
CSS Text Module Level 3
Die Definition von 'word-wrap' in dieser Spezifikation.
Arbeitsentwurf Initiale Definition

Webbrowserkompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
grundlegender Support 3.5 (1.9.1) 1.0 5.5 10.5 1.0
Feature Firefox Mobile (Gecko) Android IE Mobile Opera Mobile Safari Mobile
grundlegender Support 1.0 (1.9.1) 1.0 ? ? 1.0
  • word-wrap:break-word kann als Work-Around für die fehlende Unterstützung von pre{white-space:pre-wrap} in IE 5.5-7 verwendet werden. Siehe white-space zum Beispiel.
  • IE8 führte -ms-word-wrap als ein Synonym für word-wrap ein. Nicht das -ms- Prefix verwenden.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: screeny05, Clubfan22, fscholz, Sebastianz, spiegelp
Zuletzt aktualisiert von: screeny05,