Introduction à la méthode CSS d'encapsulation automatique des mots anglais

CSS permet le retour à la ligne automatique des mots anglais
Dans le processus de création de pages Web et d'écriture de styles CSS, vous pouvez rencontrer le problème du retour à la ligne des mots. Parmi eux, le retour à la ligne en anglais peut déranger de nombreux débutants, et aujourd'hui je le ferai. parler de ce problème Pour développer en conséquence, les amis qui ont étudié CSS devraient savoir que le contrôle des sauts de texte ou non peut être ajusté directement en utilisant le saut de mot en CSS. Cependant, pour l'anglais, nous devons l'adapter aux besoins de tous les navigateurs. , juste cet attribut ne suffit pas.
Selon certaines informations que je connais personnellement, trop d'anglais et trop long affectent non seulement le formulaire, mais affectent également le p. Cela peut casser le formulaire et le p. Il existe différentes solutions pour le formulaire et le p. Voyons comment résoudre ce problème sous la forme.
Si vous utilisez une disposition de tableau et que le contenu du tableau est principalement en anglais et que l'anglais ne sera pas renvoyé, il vous suffit d'ajouter le code suivant au CSS
table {
table- layout : corrigé; word-break:break-all;
word-wrap:break-word;
}
Si vous utilisez la mise en page p+css, alors lorsque le texte dans p est interrompu par l'anglais, vous peut ajouter le code suivant en css
p{
word-break:break-all;
word-wrap:break-word
}
Selon le manuel chinois CSS2
word; -version break : héritage d'attribut propriétaire IE5+ : oui
Syntaxe :
word-break : normal | break-all
Valeur :
normal : valeur par défaut, autorisée dans les mots Break-all : Ce comportement est le même que celui normal dans les langues asiatiques. Les sauts dans n'importe quel mot d'une ligne de texte en langue non asiatique sont également autorisés. Cette valeur convient au texte asiatique contenant du texte non asiatique
keep-all : identique à la normale pour toutes les langues non asiatiques. Pour le chinois, le coréen et le japonais, les sauts de mots ne sont pas autorisés. Convient au texte non asiatique contenant une petite quantité de texte asiatique
Description :
Définit ou récupère le comportement de retour à la ligne intra-mot pour le texte dans un objet. Surtout lorsque plusieurs langues apparaissent.
Pour les chinois, break-all doit être utilisé.
Cette propriété est en lecture seule pour l'objet currentStyle. Il est lisible et inscriptible par d'autres objets.
La fonctionnalité de script correspondante est wordBreak.
Exemple :
p {word-break : break-all;🎜>S'applique à :
IE5.0+
version word-wrap : IE5.5+ Héritage de propriété propriétaire : il existe
syntaxe :
word-wrap : normal | break-word
valeur :
normal : valeur par défaut. Autoriser le contenu à dépasser la limite spécifiée du conteneur
break-word : le contenu sera brisé à l'intérieur de la limite. Si nécessaire, un saut de mot se produira également
Description :
Définit ou récupère s'il faut rompre lorsque la ligne actuelle dépasse les limites du conteneur spécifié.
Cette propriété ne fonctionne que sur les objets avec mise en page, tels que les objets bloc. Pour utiliser cet attribut sur un élément en ligne, vous devez d'abord définir les attributs height ou width de l'objet, ou définir l'attribut position sur Absolute , ou définir l'attribut display sur block .
Cette propriété est en lecture seule pour l'objet currentStyle. Il est lisible et inscriptible par d'autres objets.
La fonctionnalité de script correspondante est wordWrap.
Exemple :
p { word-wrap: break-word; word-break: break-all; }
Notez ceci
break-word : le contenu sera renvoyé dans les limites. Si nécessaire, un saut de mot se produira également
donc le retour à la ligne est suffisant. Par défaut, le saut de mot ne sera pas séparé, mais s'il y a un mot très long, comme la mauvaise version la dernière fois. Les 12 anglais les plus effrayants. les mots de l'histoire peuvent également être divisés en lignes, évitant ainsi que le tableau ne soit endommagé.
Cependant, cela n'a pas été adopté comme norme CSS2 par le w3c, donc Mozilla ne prend pas en charge cet attribut. Si tout le monde écrit bien les mots anglais, Firefox ne divisera pas les mots et ne les enveloppera pas dans de nouvelles lignes. quelqu'un écrit un très long mot, Mozilla Firefox ne cassera pas de nouvelles lignes tout le temps.

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!