Utilisez CSS pour réaliser un retour à la ligne automatique de nombres anglais purs

Ce qui suit est une implémentation simple du code CSS pour envelopper automatiquement les nombres anglais purs. Le contenu est assez bon, je vais donc le partager avec vous maintenant et le donner comme référence.

Lorsqu'un élément de bloc avec une largeur définie est rempli d'anglais pur ou de nombres purs, le conteneur sera agrandi dans IE et FF et ne sera pas automatiquement enveloppé

et lorsqu'il y a des nombres ou Caractères chinois en anglais, ils seront enveloppés à partir des caractères chinois, mais les caractères chinois purs peuvent être automatiquement enveloppés. Comment résoudre ce problème ? Commençons par connaître les deux protagonistes word-wrap et word-break

word-wrap est utilisé pour contrôler les sauts de ligne CSS

Deux valeurs :

(1) normal
(2) break-word (Cette valeur est utilisée pour forcer les sauts de ligne, et le contenu sera à la limite. Il n'y a pas de problème avec les sauts de ligne en chinois, et il n'y a pas de problème avec les phrases en anglais. Mais pour les longues chaînes d'anglais, cela ne fonctionne pas)

mot-. break est utilisé pour contrôler la coupure de mot

Trois valeurs :

(1)normal

(2)break- all (consiste à casser des mots. Lorsque le mot atteint la limite, la lettre suivante passe automatiquement à la ligne suivante. Cela résout principalement le problème des longues chaînes anglaises.)

(3)garder tout (faisant référence aux mots continus chinois, japonais et coréens, une phrase par ligne, qui peuvent être utilisés pour organiser des poèmes anciens ~)

【Solution】

Vous pouvez ajouter

word-wrap:break-word;
word-break:break-all;

Ce qui précède est l'intégralité du contenu de cet article, je l'espère. sera utile à l'apprentissage de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Comment utiliser CSS pour conserver les proportions du contenu de la page

À propos des unités vw et css3 Utilisation de vh

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!