Maison  >  Article  >  interface Web  >  Comment envelopper du texte dans un élément de données de tableau sans espace blanc ?

Comment envelopper du texte dans un élément de données de tableau sans espace blanc ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-09 19:40:02771parcourir

How to Wrap Text in a Table Data Element Without White Space?

Envelopper du texte dans un élément de données de tableau sans espace blanc

Lors d'une tentative d'habillage de texte dans un élément de données de tableau () , vous pouvez rencontrer des incohérences entre les navigateurs. Lors de l'utilisation de word-break: break-all; et disposition de la table : fixe ; peut fonctionner dans Chrome, cela peut échouer dans Firefox.

Heureusement, il existe une solution plus complète :

.wrapword {
    white-space: -moz-pre-wrap !important;
    white-space: -webkit-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

Ce code CSS garantit que le texte s'ajuste de manière transparente en remplaçant le comportement par défaut des navigateurs. . Voici comment l'utiliser :

<table>

Avec cette approche, le texte sera renvoyé à la ligne de manière appropriée dans Firefox et les autres 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!

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