Cet article répertorie les styles CSS recommandés pour les sauts de ligne compatibles avec IE et FF, et présente en détail les différences entre le retour à la ligne et le saut de mot. Styles CSS recommandés pour les sauts de ligne compatibles avec IE et FF :
La meilleure méthode est.
word-wrap:break-word; overflow :hidden;
au lieu de
word-wrap:
break-word;
ni
word-wrap:break-word;
Il n'y a aucun problème sous IE. Sous FF, une longue chaîne de mots anglais sera bloquée.
Résumé technique :
le retour à la ligne est utilisé pour contrôler les sauts de ligne.
Lorsque des sauts de mots sont utilisés, les sauts de ligne sont forcés. , et il n'y a aucun problème avec les phrases anglaises. Mais pendant longtemps, si vous enchaînez des mots anglais, cela ne fonctionnera pas.
Il
est normal queles mots soient coupés
, les mots anglais ne sont pas divisés.
Lorsque le mot atteint la limite, la lettre suivante passe automatiquement à la ligne suivante. Résout principalement le problème des longues chaînes de mots anglais.
Keep-all fait référence aux mots continus chinois, japonais et coréens. cette fois, sans retour à la ligne, et le chinois ne sera pas renvoyé à la ligne. (Les phrases anglaises sont normales. .)
Sous IE :
utilisez word-wrap:break-word ;
sous FireFox :
si ces deux éléments ne sont pas utilisés, il y aura un
retour à la ligne.Il n'y aura aucun problème avec le chinois. Il n'y aura aucun problème avec les phrases anglaises. Cependant, les chaînes longues Il y aura des problèmes en anglais
, word-wrap:break-word;word-break:break-all. ; est généralement utilisé.Cependant, cette méthode entraînera la rupture des mots dans les phrases anglaises ordinaires (IE
Le problème principal actuel est que les longues chaînes de mots anglais et anglais sont en fait déconnectées). La chaîne de mots anglais n'est qu'un mot relativement long. Autrement dit, les mots anglais doivent-ils être déconnectés ? Le problème est évident, et il ne faut évidemment pas le déconnecter. Pour les longues chaînes d'anglais, qui sont des éléments malveillants, il n'y a naturellement pas lieu de s'en inquiéter. Cependant, nous devons également réfléchir à des moyens d'empêcher l'expansion du conteneur. .
Utilisez : overflow: auto ; Sous IE, les chaînes longues seront automatiquement renvoyées à la ligne. Sous FireFox, les chaînes longues seront
donc
couvertes.wrap:break -word;word-break:break-all;.
word-wrap:break-word;overflow:auto; Il n'y a aucun problème sous IE Sous FireFox, une partie de la chaîne longue sera masquée.