Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:39:14
original
1353 Les gens l'ont consulté

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; ? */}
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal