Maison >interface Web >tutoriel HTML >Laissez le pré-tag envelopper automatiquement l'exemple de production de pages code_HTML/Xhtml_Web

Laissez le pré-tag envelopper automatiquement l'exemple de production de pages code_HTML/Xhtml_Web

WBOY
WBOYoriginal
2016-05-16 16:39:141385parcourir

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 balise
 soit automatiquement enveloppé et conforme aux normes du W3C (prise en charge de plusieurs navigateurs) 

Copier le code
Le 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 code
Le 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; ? */}
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn