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

Aménagement du texte dans les balises pré

En HTML, les balises pré sont fréquemment utilisées pour les blocs de code et l'affichage des résultats de débogage. Cependant, il est souvent souhaitable de s'assurer que le texte de ces balises est renvoyé à la ligne pour éviter les lignes longues et ininterrompues. La solution réside dans les propriétés CSS d'espacement blanc et de retour à la ligne.

Propriétés CSS pour l'habillage du texte

Pour activer l'habillage du texte dans les balises pre, utilisez le CSS suivant propriétés :

• espace blanc : pré-enveloppement ; (CSS 2.1 )
• espace blanc : -moz-pre-wrap; (Mozilla)
• espace blanc : -pre-wrap; (Opera 4-6)
• espace blanc : -o-pre-wrap; (Opera 7)
• word-wrap : break-word ; (Internet Explorer 5.5)

Exemple de code

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+ */
}

L'intégration de cette règle CSS dans votre document HTML entraînera le retour à la ligne du texte dans les balises pre comme vous le souhaitez, évitant ainsi les longs, affichages sur une seule ligne.

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!