HTML-DOM Stil Eigenschaft whitespace
Style - Objekte Definition und Verwendung
whitespace Eigenschaft Setzt oder sendet, wie Text Tabs, Zeilenumbrüche und Leerzeichen zu behandeln.
Grammatik
Einstellen whitespace Eigenschaften:
Object.style.whiteSpace="normal|nowrap|pre|inherit"
Zurück whitespace Eigenschaften:
Object.style.whiteSpace
| 值 | 描述 |
|---|---|
| normal | 默认。自动忽略空格符和换行符。 |
| nowrap | 忽略空格符，但是不允许换行符。 |
| pre | 换行符和其他空格符会被保留。 |
| inherit | whiteSpace 属性的值从父元素继承。 |
Browser-Unterstützung
Alle gängigen Browser unterstützen whitespace Eigenschaft.
Hinweis: IE7 und früheren Versionen nicht unterstützen , die "erben" Wert.IE8 bietet nur! DOCTYPE unterstützt "erben". IE9 Unterstützung "erben".
Beispiele
Beispiele
Bewahren Sie Text Zeilenumbrüche und Leerzeichen:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult () {
. Document.getElementById ( "div1") style.whiteSpace = "pre";
}
</ Script>
</ Head>
<Body>
<Div id = "div1">
Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Irgendein Text ist. Dieses ist etwas Text.
</ Div>
<br>
<Taste type = "button" Onclick = "displayResult ()"> beibehalten Zeilenumbrüche und Leerzeichen </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult () {
. Document.getElementById ( "div1") style.whiteSpace = "pre";
}
</ Script>
</ Head>
<Body>
<Div id = "div1">
Dies ist ein Text. Dies ist ein Text. Dies ist ein Text. Irgendein Text ist. Dieses ist etwas Text.
</ Div>
<br>
<Taste type = "button" Onclick = "displayResult ()"> beibehalten Zeilenumbrüche und Leerzeichen </ button>
</ Body>
</ Html>
Versuchen »
Style - Objekte