Maison > interface Web > tutoriel CSS > Comment envelopper du texte dans un élément sans espace dans tous les navigateurs ?

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

Patricia Arquette
Libérer: 2024-11-09 03:31:01
original
988 Les gens l'ont consulté

How to Wrap Text in a <td> É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;
}
Copier après la connexion

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>
Copier après la connexion

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal