Introduction à l'utilisation spécifique de l'attribut CSS word-break

Divers sauts de ligne se produiront lors du traitement du texte dans une page Web. Alors, dans quelles circonstances les éléments de page effectuent-ils des sauts de ligne ? Nous pouvons contrôler précisément ce saut de ligne grâce au code word-break.

Syntaxe :

word-break : normal | break-all | keep-all

Paramètres :

normal : Conformément aux règles de texte des langues asiatiques et non asiatiques, les sauts de ligne dans les mots sont autorisés
break -all : Ce se comporte de la même manière que d'habitude 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 du texte dans l' objet . Surtout lorsque plusieurs langues apparaissent.
Pour les chinois, break-all doit être utilisé.
La fonctionnalité de script correspondante est wordBreak. Veuillez consulter les autres livres que j'ai écrits.

Exemple :

div {word-break : break-all; }

Code d'application. Nous avons déterminé les paramètres de coupure de mot dans l'élément de test.

p.test {word-break:hyphenate;}

En termes de prise en charge du navigateur, le saut de mots répond toujours très bien aux exigences. La plupart des navigateurs prennent en charge ce code.

Comment utiliser le saut de mots. Sa valeur par défaut est normale et sa propriété héritage est oui et sa version est CSS3

utilisation java. object.style.wordBreak="keep-all"Dans cette instruction Java, nous donnons une valeur de paramètre différente.

La syntaxe du code.

word-break: normal|break-all|keep-all;

Il y a trois situations différentes dans ce code. normal est la valeur par défaut du navigateur. break-all est un saut de ligne dans un mot. keep-all est un espace ou un trait d’union demi-largeur.

processus de style, nous proposons aux apprenants deux manières différentes de comparer. Dans le même temps, nous pouvons également voir que la définition du cadre externe est également activée en même temps.

<style> 
p.test1
{
width:13em; 
border:2px solid #000000;
word-break:hyphenate;
}

p.test2
{
width:13em; 
border:2px solid red;
word-break:break-all;
}
</style>

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!