Definición de .white-space en CSS
La propiedad .white-space controla cómo se maneja el texto en el elemento al que se aplica. Digamos que tienes HTML exactamente así:
Ejemplo de uso de la propiedad white-space
Esta propiedad de CSS normalmente se utiliza de la siguiente manera:
<div>
A bunch of words you see.
</div>Sintaxis de .white-space en CSS
white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| normal | Las secuencias de espacios en blanco colapsarán en un solo espacio en blanco. El texto se ajustará cuando sea necesario. esto es por defecto | |
| ahora rap | Las secuencias de espacios en blanco colapsarán en un solo espacio en blanco. El texto nunca pasará a la siguiente línea. El texto continúa en la misma línea hasta que se encuentra una etiqueta <br> | |
| pre | El navegador conserva los espacios en blanco. El texto solo se ajustará en los saltos de línea. Actúa como la etiqueta <pre> en HTML | |
| línea previa | Las secuencias de espacios en blanco colapsarán en un solo espacio en blanco. El texto se ajustará cuando sea necesario y los saltos de línea | |
| pre-envoltura | El navegador conserva los espacios en blanco. El texto se ajustará cuando sea necesario y los saltos de línea | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .white-space
Los números de la tabla detallan la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| widows | 25.0 | 8.0 | Not supported | 7.0 | 10.0 |
