Die Eigenschaft „Wortumbruch“ gibt an, ob lange Wörter, die nicht in die Breite des angegebenen Bereichs passen, umgebrochen werden sollen oder nicht.
Brief Information
Bezeichnungen
| Beschreibung | Beispiel | |
|---|---|---|
| <тип> | Gibt den Typ des Werts an. | <размер> |
| A && B | Die Werte müssen in der angegebenen Reihenfolge ausgegeben werden. | <размер> && <цвет> |
| A | B | Zeigt an, dass Sie nur einen der vorgeschlagenen Werte (A oder B) auswählen müssen. | normal | Small-Caps |
| Ein || B | Jeder Wert kann unabhängig oder zusammen mit anderen in beliebiger Reihenfolge verwendet werden. | Breite || zählen |
| Gruppiert Werte. | [ Zuschneiden || kreuzen ] | |
| * | Null oder mehrmals wiederholen. | [,<время>]* |
| + | Wiederholen Sie dies einmal oder mehrmals. | <число>+ |
| ? | Der angegebene Typ, das Wort oder die Gruppe ist optional. | Einsatz? |
| (A, B) | Wiederholen Sie mindestens A, aber nicht mehr als B-Mal. | <радиус>{1,4} |
| # | Wiederholen Sie dies einmal oder mehrmals, getrennt durch Kommas. | <время># |
Werte
normal Zeilen werden nicht umbrochen oder an Stellen umbrochen, an denen der Umbruch explizit angegeben ist (z. B. using
). break-word Zeilenumbrüche werden automatisch hinzugefügt, um sicherzustellen, dass das Wort in die angegebene Blockbreite passt.
Beispiel
Substantiv
Exzellenz
Substantiv animieren
Elftklässler
Chemische Substanz
Methoxychlordiethylaminomethylbutylaminoacridin
Das Ergebnis dieses Beispiels ist in Abb. dargestellt. 1.
Reis. 1. Lange Wörter umschließen
Objektmodell
Ein Objekt.style.wordWrap
Spezifikation
Jede Spezifikation durchläuft mehrere Genehmigungsstufen.
- Empfehlung – Die Spezifikation wurde vom W3C genehmigt und wird als Standard empfohlen.
- Kandidatenempfehlung ( Mögliche Empfehlung) – Die für den Standard verantwortliche Gruppe ist davon überzeugt, dass sie ihre Ziele erreicht, benötigt jedoch Hilfe von der Entwicklungsgemeinschaft, um den Standard umzusetzen.
- Vorgeschlagene Empfehlung Vorgeschlagene Empfehlung) – zu diesem Zeitpunkt wird das Dokument dem W3C-Beirat zur endgültigen Genehmigung vorgelegt.
- Arbeitsentwurf – Eine ausgereiftere Version eines Entwurfs, der zur Überprüfung durch die Community diskutiert und geändert wurde.
- Entwurf des Herausgebers ( Redaktioneller Entwurf) – eine Entwurfsversion des Standards, nachdem von den Projektredakteuren Änderungen vorgenommen wurden.
- Entwurf ( Entwurf einer Spezifikation) – die erste Entwurfsversion des Standards.
Brief Information
CSS-Versionen
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Beschreibung
Die Eigenschaft „white-space“ gibt an, wie Leerzeichen zwischen Wörtern angezeigt werden. IN normale Bedingungen Beliebig viele Leerzeichen im HTML-Code werden auf einer Webseite als eins angezeigt. Die Ausnahme ist das Tag
In diesem Container platzierter Text wird mit allen Leerzeichen so ausgegeben, wie er vom Benutzer formatiert wurde. Leerzeichen imitieren also die Funktionsweise des TagsIm Gegensatz dazu wird die Schriftart jedoch nicht in Monospace geändert.Syntax
Leerzeichen: normal | nowrap | vor | Vorlinie | Vorverpackung | erben
Werte
normal Der Text im Browserfenster wird wie gewohnt angezeigt, Zeilenumbrüche werden automatisch gesetzt. nowrap Leerzeichen werden nicht berücksichtigt, Zeilenumbrüche im HTML-Code werden ignoriert, der gesamte Text wird in einer Zeile angezeigt; gleichzeitig ein Tag hinzufügen
bricht den Text in eine neue Zeile um. pre Der Text wird unter Berücksichtigung aller Leerzeichen und Bindestriche angezeigt, wie sie vom Entwickler im HTML-Code hinzugefügt wurden. Wenn die Zeile zu lang ist und nicht in das Browserfenster passt, wird eine horizontale Bildlaufleiste hinzugefügt. Vorzeilen-Leerzeichen werden im Text nicht berücksichtigt, der Text wird automatisch übernommen nächste Zeile, wenn es nicht in den angegebenen Bereich passt. Vorumbruch Alle Leerzeichen und Umbrüche bleiben im Text erhalten, aber wenn die Breite der Zeile nicht in den angegebenen Bereich passt, wird der Text automatisch in die nächste Zeile umgebrochen. inherit Erbt den Wert des übergeordneten Elements.Die Auswirkung von Werten auf den Text ist in der Tabelle dargestellt. 1.
HTML5 CSS2.1 IE Cr Op Sa Fx
Leerraum Beispiel
Fermats letzter Satz
X N+Y N= Z N
wobei n eine ganze Zahl > 2 ist
Das Ergebnis dieses Beispiels ist in Abb. dargestellt. 1.
Reis. 1. Anwenden der Leerraumeigenschaft
Objektmodell
document.getElementById("elementID").style.whiteSpace
Browser
Browser Internet Explorer Bis einschließlich Version 7.0 werden die Werte pre-line, pre-wrap und inherit nicht unterstützt. Für