[css] Eviter la déformation si le texte est trop long


Parfois, le code affiché entre les balises pre (pour préserver l'indentation du code source) est trop long et déforme la cellule qui le contient.

Une solution:


<div style="width:100%;overflow:scroll;">
<pre>
texte qui risque de dépasser...
</pre>
</div>



La balise div permet l'ajout d'une barre de défillement si le texte est trop long.

Retour à la liste des sujets

Document créé le 29/10/2003, dernière modification le 03/02/2021
Source du document imprimé : https://www.gaudry.be/astuces-rf-53.html

L'infobrol est un site personnel dont le contenu n'engage que moi. Le texte est mis à disposition sous licence CreativeCommons(BY-NC-SA). Plus d'info sur les conditions d'utilisation et sur l'auteur.

Références

  1. Forum : Contexte original : https://www.gaudry.be/forum/viewtopic.php?t=309

Ces références et liens indiquent des documents consultés lors de la rédaction de cette page, ou qui peuvent apporter un complément d'information, mais les auteurs de ces sources ne peuvent être tenus responsables du contenu de cette page.
L'auteur de ce site est seul responsable de la manière dont sont présentés ici les différents concepts, et des libertés qui sont prises avec les ouvrages de référence. N'oubliez pas que vous devez croiser les informations de sources multiples afin de diminuer les risques d'erreurs.

Table des matières Haut