propriété HTML DOM style whiteSpace
Définition et utilisation
ensembles de propriétés whiteSpace ou retourne comment gérer les onglets de texte, les sauts de ligne et des espaces.
grammaire
Définition des propriétés whiteSpace:
Object.style.whiteSpace="normal|nowrap|pre|inherit"
Retour propriétés whiteSpace:
Object.style.whiteSpace
值 | 描述 |
---|---|
normal | 默认。自动忽略空格符和换行符。 |
nowrap | 忽略空格符,但是不允许换行符。 |
pre | 换行符和其他空格符会被保留。 |
inherit | whiteSpace 属性的值从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété whiteSpace.
Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".
Exemples
Exemples
Conserver les sauts de ligne de texte et les espaces:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
. Document.getElementById ( "div1") style.whiteSpace = "pre";
}
</ Script>
</ Head>
<Body>
<Div id = "div1">
Ceci est un texte. Ceci est un texte. Ceci est un texte. Ceci est un texte. Ceci est un texte.
</ Div>
<br>
<Type Bouton = "button" onclick = "displayResult ()"> pour conserver les sauts de ligne et les espaces </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
. Document.getElementById ( "div1") style.whiteSpace = "pre";
}
</ Script>
</ Head>
<Body>
<Div id = "div1">
Ceci est un texte. Ceci est un texte. Ceci est un texte. Ceci est un texte. Ceci est un texte.
</ Div>
<br>
<Type Bouton = "button" onclick = "displayResult ()"> pour conserver les sauts de ligne et les espaces </ button>
</ Body>
</ Html>
Essayez »
style Objets