English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
word-Verwendung und Beispiel des break-Attributs
Das break CSS-Attribut wird verwendet, um festzulegen, wie innerhalb von Wörtern gezielt umgebrochen wird.
Die folgende Tabelle enthält Anwendungsbeschreibungen und Versionshistorien dieses Attributes sowie seine Verwendung in JavaScript-Skripten. | normal |
---|---|
Standardwert: | Geeignet für: |
Alle Elemente | Vererbung: |
Ja | Animierbar:Nein. Animationseigenschaft。 |
Version: | CSS3neue Funktion |
JavaScript-Syntax: | object.style.wordBreak="break-all" |
Die Syntax dieses Attributes ist wie folgt:
word-break: normal | break-all | keep-all | initial | inherit
Die folgenden Beispiele zeigen, wie man word-break-Attribut.
p { width: 150px; background: #90ee90; word-break: break-all; }Testen Sie heraus‹/›
Die folgende Tabelle beschreibt die Werte dieses Attributes.
Wert | Beschreibung |
---|---|
normal | Wörter werden gemäß ihren gängigen Regeln umgebrochen. |
break-all | Erlaubt Zeilenumbruch innerhalb von Wörtern. |
keep-all | Verbot des Verwenden von Leerzeichen zwischen Paaren von Buchstaben. Zeilenumbruch nur an Halbbreitstrichen oder Bindestrichen zulassen. |
initial | Setzen Sie diesen Wert auf seinen Standardwert. |
inherit | Wenn angegeben, wird das zugehörige Element das word des übergeordneten Elements verwenden-Werte des break-Attributs. |
word-Kompatibilität der Browser für das break-Attribut; die Zahlen in der folgenden Tabelle geben die niedrigste Versionsnummer der Browser an, die das Attribut unterstützen; alle gängigen Browser unterstützen dieses Attribut.
|
Bitte beziehen Sie sich auf die folgenden Tutorials:CSS Text。
zusammenhängende Eigenschaften:word-wrap,white-space,text-overflow。