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

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!