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;
ou
#wrap{word-break:break-all;largeur:200px;}
<div >ddd1111111111111111111111111111111111</div>
Effet : des sauts de ligne peuvent être obtenus
2. (Navigateur Firefox) white-space:normal; word-break:break-all;overflow:hidden; Il n'existe pas non plus de bonne méthode d'implémentation dans FF. Vous pouvez uniquement 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;}
ou
#wrap{word-break:break-all;largeur:200px;overflow:auto }
<div >ddd111111111111111111111111111111111111111</div>
Effet : Le conteneur est normal et le contenu est masqué
pour table
1. (navigateur IE) utilisez le style table-layout : fixe ;
| Voici le contenu cité : <style> <largeur de la table="80"> |
Effet : des sauts de ligne peuvent être effectués
2. (Navigateur IE) Utilisez le style table-layout : corrigé et nowrap
| Voici le contenu cité : <style> <largeur de la table="80"> |
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.
| Voici le contenu cité : <style> <largeur du tableau=80> |
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
| Voici le contenu cité : <style> <largeur du tableau=80> |
La largeur de la cellule doit ici être définie en pourcentage
Effet : affichage normal, mais pas de retour à la ligne (Remarque : il n'existe pas de 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)