CSS white-spacePropiedad


Ejemplo

Especifica que el texto del párrafo no realice saltos de línea:

p { white-space:nowrap; }

Pruébalo »

Definición y uso de la propiedad

La propiedad white-space especifica cómo se maneja el espacio en blanco dentro de un elemento.

Valor predeterminado: normal
Herencia: yes
Versión: CSS1
Sintaxis de JavaScript: object.style.whiteSpace="pre"

Compatibilidad del navegador

Los números de la tabla indican la primera versión del navegador que admite esta propiedad.

Propiedad
white-space 1.0 5.5 3.5 3.0 9.5

Sintaxis

/* 值 */
white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: break-spaces;

/* 全局值 */
white-space: inherit;
white-space: initial;
white-space: revert;
white-space: revert-layer;
white-space: unset;

Valores de la propiedad

Valor Descripción
normal Predeterminado. Los espacios en blanco son ignorados por el navegador.
pre Los espacios en blanco se conservan. Su comportamiento es similar a la etiqueta <pre> en HTML.
nowrap El texto no realiza saltos de línea; continúa en la misma línea hasta que encuentra una etiqueta <br>.
pre-wrap Conserva las secuencias de espacios en blanco, pero realiza saltos de línea con normalidad.
pre-line Combina las secuencias de espacios en blanco, pero conserva los saltos de línea.
inherit Especifica que el valor de la propiedad white-space debe heredarse del elemento padre.

Comportamiento de los diferentes valores de white-space:

Salto de línea Espacios y tabulaciones Ajuste de texto Espacios al final de la línea
normal Combina Combina Ajusta Elimina
nowrap Combina Combina No ajusta Elimina
pre Conserva Conserva No ajusta Conserva
pre-wrap Conserva Conserva Ajusta Colgante
pre-line Conserva Combina Ajusta Elimina
break-spaces Conserva Conserva Ajusta Ajusta

Artículos relacionados

Tutorial de CSS:CSS Text

Otras extensiones