Tout le monde sait que l'anglais ou les chiffres continus peuvent faire s'étendre le conteneur et ne peuvent pas être automatiquement enveloppés en fonction de la taille du conteneur. Voici comment les envelopper en utilisant CSS ! pour div 1. (navigateur IE) white-space:normal; word-break:break-all ; le premier suit ici la norme. #wrap{espace blanc:largeur normale:200px; Effet : des sauts de ligne peuvent être obtenus 2. (Navigateur Firefox) white-space:normal; word-break:break-all;overflow:hidden; Il n'y a pas de bonne méthode d'implémentation sous le même FF. Vous ne pouvez masquer ou ajouter des barres de défilement, mais bien sûr pas de barres de défilement. . L'effet est meilleur ! #wrap{espace blanc:normal; largeur:200px; débordement:auto;} Effet : Le conteneur est normal et le contenu est masqué pour table 1. (Navigateur IE) Utilisez le style table-layout:fixed; <style> Effet : Peut envelopper les lignes 2. (Navigateur IE) utiliser le style <style> Effet : des sauts de ligne peuvent être effectués 3. (Navigateur IE) Utilisez le style table-layout:fixed et nowrap lorsque vous utilisez un pourcentage pour corriger la taille du td. <style> Effet : les deux TD s'enroulent normalement 4. (Navigateur Firefox) Utilisez le style table-layout:fixed et nowrap lorsque vous utilisez le pourcentage pour corriger la taille du td et utilisez div <style> La largeur de la cellule doit ici être définie en pourcentage : elle s'affiche normalement, mais ne peut pas être renvoyée à la ligne. Remarque : Il n'existe aucun bon moyen d'envelopper le contenu du conteneur sous FF. Vous pouvez uniquement utiliser le débordement pour masquer le contenu supplémentaire afin d'éviter d'affecter l'effet global.
ou
#wrap{word-break:break-all;largeur:200px;}
<div id="wrap">ddd111111111111111111111111111111</div>
ou
#wrap{word-break:break-all;largeur:200px;débordement:auto }
<div id="wrap">ddd11111111111111111111111111111111111111</div>
.tb{table-layout:fixe}
</style>
<table class="tbl" width="80">
<tr><td>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</table>
.tb {table-layout:fixed}
</style>
<table class="tb" width="80"><tr><td nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</table>
.tb{table-layout:fixe}
</style>
<table class="tb" width=80>
<tr>
<td width=25% nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td>
</tr>
</table>
.tb {table-layout:fixed}
.td {débordement : caché ;}
</style>
<table class=tb width=80>
<tr><td width=25% class=td nowrap>
<div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
</td>
<td class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td>
</tr>
</table>