Maison >interface Web >tutoriel CSS >Comment puis-je créer un habillage de texte dans des balises HTML ?

Comment puis-je créer un habillage de texte dans des balises HTML ?

Susan Sarandon
Susan Sarandonoriginal
2024-12-22 14:11:111047parcourir

How Can I Make Text Wrap in HTML `` Tags?

Aménagement du texte dans la balise pré-HTML

Les balises pré sont un outil précieux pour afficher les blocs de code et déboguer la sortie en HTML. Cependant, ils peuvent parfois s'afficher sous la forme d'une seule ligne continue, plutôt que d'envelopper le texte pour l'adapter à la fenêtre d'affichage. Pour résoudre ce problème, les propriétés CSS white-space et word-wrap peuvent être utilisées :

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

Ces propriétés permettent au texte de la balise pre de s'enrouler automatiquement, en préservant les espaces tout en cassant les mots aux points appropriés. En les appliquant, les blocs de code et les résultats de débogage peuvent être affichés dans un format lisible, même lorsque le texte s'étend au-delà de la largeur de la fenêtre.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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