Comment obtenir un retour à la ligne multi-navigateurs dans les divisions HTML ?

Retour à la ligne multi-navigateurs du texte long dans les divisions

Question :

Comment pouvez-vous implémenter plusieurs navigateurs retour à la ligne pour les longues chaînes en HTML divs ?

Réponse :

Pour garantir le retour à la ligne dans différents navigateurs, les propriétés CSS suivantes peuvent être utilisées :

.wordwrap {
   white-space: pre-wrap;      /* CSS3 */
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -pre-wrap;     /* Opera <7 */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}

Explication :

• espace blanc : pre-wrap : Les navigateurs sans prise en charge spécifique du retour à la ligne envelopperont les lignes aux limites des espaces.
• white-space : -moz-pre-wrap : Propriété spécifique à Firefox pour l'activation comportement de pré-enveloppement.
• espace blanc : -pre-wrap : Anciennes versions d'Opera antérieures à 7.
• espace blanc : -o-pre-wrap : Opera 7.
• word-wrap : break-word : IE- propriété spécifique pour couper les mots aux points de césure.

En combinant ces propriétés, le texte du div avec le La classe "wordwrap" s'enroulera à n'importe quel point de rupture de caractère, garantissant ainsi la compatibilité entre navigateurs.

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!