CSS - espacio en blanco

Descripción

La propiedad de espacio en blanco se utiliza para alterar el manejo del agente de usuario de los espacios en blanco en un elemento.

Valores posibles

  • normal - Cualquier secuencia de espacios en blanco dentro del elemento se convierte en un solo espacio.

  • pre - Se respetan todos los espacios en blanco del elemento, incluidos los espacios múltiples y los retornos de carro.

  • nowrap - Cualquier secuencia de espacios en blanco dentro del elemento se convierte en un solo espacio, pero el ajuste de palabras está deshabilitado.

Se aplica a

Todos los elementos de nivel de bloque.

Sintaxis DOM

object.style.whiteSpace = "pre";

Ejemplo

A continuación se muestra el ejemplo que demuestra cómo se manejan los espacios en blanco dentro de un elemento.

<html>
   <head>
   </head>

   <body>
      <p style = "white-space:pre;">
         This text has a line break and the white-space pre setting 
         tells the browser to honor it just like the HTML pre tag.
      </p>
   </body>
</html>

Esto producirá el siguiente resultado: