css (word-wrap/break) fait automatiquement envelopper les nombres en anglais pur

Cet article présente principalement comment utiliser le CSS (word-wrap/break) pour envelopper automatiquement les nombres anglais purs. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer. 🎜> IE et FF agrandiront le conteneur et ne seront pas automatiquement renvoyés à la ligne. Lorsque les nombres ou les caractères anglais contiennent des caractères chinois, ils seront automatiquement renvoyés à la ligne. Cependant, les caractères chinois purs peuvent être automatiquement renvoyés à la ligne. Pour résoudre ce problème, cet article propose. une solution détaillée. Les amis intéressés ne devraient pas le manquer. J'espère que cet article vous sera utile

Lorsqu'un élément de bloc avec une largeur définie est rempli d'anglais pur ou de nombres purs, dans IE et FF The. Le conteneur sera agrandi et ne sera pas renvoyé automatiquement. Lorsque des nombres ou des mots anglais contiennent des caractères chinois, ils seront renvoyés à partir des caractères chinois. Cependant, les caractères chinois purs peuvent être automatiquement renvoyé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
avec deux valeurs :
(1)normal (2 )break-word (Cette valeur est utilisée pour forcer les sauts de ligne. Le contenu sera brisé à l'intérieur des limites. Il n'y a pas de problème avec le chinois, et il n'y a pas de problème avec les phrases en anglais. Mais pour les longues chaînes d'anglais, ce ne sera pas le cas. travail.)

word -break est utilisé pour contrôler la rupture de mots
trois valeurs : (1)normal
(2)break-all (est pour casser des mots. Quand le mot atteint la limite, la lettre suivante passe automatiquement à la ligne suivante. Résout principalement le problème des longues chaînes en anglais)
(3) garder tout (faisant référence aux mots continus chinois, japonais et coréens, une phrase par phrase). ligne, qui peut être utilisée pour arranger des poèmes anciens ~)

【Solution】
Vous pouvez ajouter

(1)break-all (est pour briser le mot. Lorsque le mot atteint la limite, les lettres suivantes passent automatiquement à la ligne suivante. Cela résout principalement le problème des longues chaînes anglaises)

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

(2)keep-all (se référant au chinois, au japonais, et des mots continus coréens, une phrase par ligne, qui peuvent être utilisés pour organiser des poèmes anciens ~)

(3)break-word (Cette valeur est utilisée pour forcer les sauts de ligne. Le contenu sera brisé dans les limites. Il n'y a pas problème avec les phrases en chinois et en anglais. Mais pour les longues chaînes d'anglais, cela ne fonctionnera pas.)


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

Recommandations associées :

La différence entre le saut de mot, le retour à la ligne et l'espace blanc dans les sauts de ligne forcés CSS

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!