HTML DOM propiedad Estilo whiteSpace
Objetos de estilo Definición y Uso
conjuntos de propiedades espacio en blanco o declaraciones de cómo manejar las tabulaciones del texto, saltos de línea y espacios.
gramática
Configuración de propiedades de los espacios en blanco:
Object.style.whiteSpace="normal|nowrap|pre|inherit"
Atrás Propiedades de los espacios en blanco:
Object.style.whiteSpace
| 值 | 描述 |
|---|---|
| normal | 默认。自动忽略空格符和换行符。 |
| nowrap | 忽略空格符，但是不允许换行符。 |
| pre | 换行符和其他空格符会被保留。 |
| inherit | whiteSpace 属性的值从父元素继承。 |
Soporte para el navegador
Todos los principales navegadores soportan la propiedad whiteSpace.
Nota: Internet Explorer 7 y versiones anteriores no son compatibles con el valor "heredar".IE8 sólo proporciona! DOCTYPE apoyado "hereda". apoyo IE9 "hereda".
Ejemplos
Ejemplos
Conservar saltos de línea y espacios en blanco del texto:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult función () {
. Document.getElementById ( "div1") style.whiteSpace = "pre";
}
</ Script>
</ Head>
<Cuerpo>
<Div id = "div1">
Esto es un texto. Esto es un texto. Esto es un texto. Esto es un texto. Esto es un texto.
</ Div>
<br>
<Tipo botón = "botón" onclick = "displayResult ()"> para conservar los saltos de línea y espacios en blanco </ botón>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult función () {
. Document.getElementById ( "div1") style.whiteSpace = "pre";
}
</ Script>
</ Head>
<Cuerpo>
<Div id = "div1">
Esto es un texto. Esto es un texto. Esto es un texto. Esto es un texto. Esto es un texto.
</ Div>
<br>
<Tipo botón = "botón" onclick = "displayResult ()"> para conservar los saltos de línea y espacios en blanco </ botón>
</ Body>
</ Html>
Trate »
Objetos de estilo