White-space

Le fonctionnement classique de HTML est de fusionner les espaces successifs et de ne pas tenir compte des sauts de ligne. La propriété CSS white-space permet de contredire ce fonctionnement par défaut : préserver les espaces successifs ou les retours à la ligne (normalement réalisés par la balise <br>).

Ceci est particulièrement intéressant pour des applications qui doivent afficher des codes informatiques. Voici un exemple : à gauche on a le fonctionnement normal de HTML, et à droite la valeur pre demande que les espaces successifs ou les tabulations soit préservés.


function demo() {
if(x == 0) {
y = 0;
}
else {
y = 10 / x;
}
}

normal
 
function demo() { if(x == 0) { y = 0; } else { y = 10 / x; } }
pre

 

Cette page a changé d'adresse, veuillez mettre à jour les liens et cliquez sur :

White-space : https://www.stylescss.com/v2-properties/white-space-fr.php (en français)
White-space : https://www.stylescss.com/v2-properties/white-space-en.php (en anglais)

Autres propriétés en rapport avec white-space.