Je me suis rendu compte en rédigeant mes articles sur l’installation du serveur dédié que le code bash, lorsqu’il était un peu long, n’allait pas à la ligne automatiquement.
Il était écrit d’une seule ligne dans son conteneur, forçant une barre de navigation horizontale bien disgracieuse… Heureusement, cela est maintenant une chose du passé.
Le code est affiché sur le site avec la balise pre, qui permet l’affichage d’un texte pré-formaté.
Or la particularité de cette balise est qu’elle désactive le retour à la ligne. Voici une astuce en CSS pour contre-carrer cet effet indésirable.
/* Forcer le retour à la ligne de la balise PRE - skyminds.net */
pre {
white-space: pre-wrap; /* CSS3 */
}Code language: CSS (css)