Índice

Controlar los espacios vacíos

Esta propiedad permite controlar los espacios vacíos.

Desde sus orígenes, el lenguaje HTML ignora los espacios vacíos, que agrupa en un único espacio, igual que con los saltos de línea. Los espacios vacíos múltiples y los saltos de línea se retoman en HTML5 mediante la etiqueta <pre> ... </pre>. Por el contrario, el atributo nowrap de HTML 4.0, que impide el salto de línea automático, no ha sido retomado en HTML5. Por tanto, es obligatorio en este caso utilizar la siguiente declaración de estilo.

white-space:

pre

o bien nowrap

o bien normal.

Comentarios

  • El valor pre preserva los espacios múltiples y los saltos de línea.

  • El valor nowrap impide los saltos de línea automáticos y muestra el texto de forma horizontal, sea cual sea el espacio disponible en el navegador. En ciertos casos el usuario tendrá que usar la barra de desplazamiento horizontal para leer la totalidad del texto.

  • El valor normal deja que el navegador gestione a su criterio los saltos de línea y los espacios múltiples.

Ejemplo de pre

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8">  
   <style type="text/css"> 
   h2 { white-space: pre; } 
   </style> 
</head> 
<body> 
<h2> 
Ediciones ENI 
 
R   e   c   u   r   s   o   s  ...