L'élément pre définit le texte préformaté. Le texte enfermé dans un élément pre préserve généralement les espaces et les nouvelles lignes. Le texte sera également rendu sous forme de police à largeur fixe. Une application courante de la balise
Pour les blogs techniques, les balises pre sont souvent utilisées pour générer du code ou pour mettre en évidence du code. Par défaut, le contenu de la balise pre ne sera pas automatiquement renvoyé à la ligne s'il dépasse la plage.
Ce qui suit est une méthode pour que le contenu de la balisesoit automatiquement enveloppé et conforme aux normes du W3C (prise en charge de plusieurs navigateurs)
Copier le codeLe code est le suivant :
pre{
white-space:pre-wrap; /* css3.0 */
white-space:-moz-pre-wrap; /* Firefox */
white-space:-pre-wrap /* Opera 4-6 */
white-space:-o-pre-wrap; /* Opera 7 */
word-wrap:break-word; /* Internet Explorer 5.5 */
}
Exemple :Copiez le codeLe code est le suivant :
pre{white-space:pre-wrap:-moz; -pre-wrap; white-space:-pre -wrap; white-space:-o-pre-wrap; word-wrap:break-word; ? */}