Comment envelopper du texte dans un élément sans espace dans tous les navigateurs ?

Élément sans espace dans tous les navigateurs ? " />

CSS : envelopper le texte sans espace dans un

Dans cet article, nous aborderons un problème lié à l'habillage du texte sans espace dans un élément . Pour y parvenir, diverses propriétés CSS telles que word-break et table-layout ont été utilisées. Cependant, le comportement diffère selon les navigateurs, laissant les utilisateurs de Firefox avec du texte non enveloppé.

Pour résoudre cette divergence, le code CSS suivant a été conçu :

.wrapword {
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -webkit-pre-wrap; /* Chrome & Safari */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  word-break: break-all;
  white-space: normal;
}

Pour utiliser ce code, appliquez la classe wrapword à l'élément souhaité dans un tableau, en vous assurant que la disposition de la table est définie. à corriger. Par exemple :

<table>

Cette solution CSS a été testée et fonctionne de manière cohérente sur Firefox 5.0, Internet Explorer 8.0 et Chrome 10.

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!