Il existe plusieurs valeurs pour l'attribut d'alignement du texte CSS.

Il y a 5 valeurs​​pour l'attribut d'alignement du texte CSS, à savoir : 1. "left", ce qui signifie disposer le texte à gauche 2. "right", ce qui signifie disposer le texte ; texte à droite ; 3. "centrer" ", signifie disposer le texte au milieu ; 4. "justifier", pour obtenir l'effet d'aligner le texte aux deux extrémités ; 5. "hériter", stipule d'hériter de la valeur de l'élément parent.

text-align L'attribut (text-align) spécifie l'alignement horizontal du texte dans un élément.

Cet attribut définit l'alignement horizontal du texte dans un élément de niveau bloc en spécifiant le point auquel la zone de ligne est alignée. La valeur justifier est prise en charge en permettant aux agents utilisateurs d'ajuster l'espacement entre les lettres et les mots dans le contenu de la ligne. Différents agents utilisateurs peuvent obtenir des résultats différents ; La dernière propriété d'alignement horizontal est justifier, ce qui pose ses propres problèmes. La valeur

值	描述
left	把文本排列到左边。默认值：由浏览器决定。
right	把文本排列到右边。
center	把文本排列到中间。
justify	实现两端对齐文本效果。
inherit	规定应该从父元素继承 text-align 属性的值。

justifier aligne les deux extrémités du texte. Dans un texte justifié, les extrémités gauche et droite de la ligne de texte sont placées sur la bordure intérieure de l'élément parent. Ensuite, ajustez l’espacement entre les mots et les lettres afin que les lignes soient exactement de même longueur. Vous avez peut-être remarqué que le texte justifié est courant dans le monde de l’imprimerie. En CSS, cependant, un peu plus de réflexion est nécessaire.

C'est à l'agent utilisateur, et non au CSS, de déterminer comment le texte justifié s'étire pour remplir l'espace entre les bordures gauche et droite de l'élément parent. Par exemple, certains navigateurs peuvent uniquement ajouter un espace supplémentaire entre les mots, tandis que d'autres peuvent répartir uniformément l'espace supplémentaire entre les lettres (bien que la spécification CSS indique spécifiquement que si l'attribut d'espacement des lettres est spécifié comme valeur de longueur, "l'utilisateur ne peut pas augmenter ou diminuer davantage l'espace entre les caractères"). Il existe également des agents utilisateurs qui peuvent réduire l'espace sur certaines lignes, rendant le texte plus compact. Toutes ces pratiques peuvent affecter l'apparence de l'élément et même modifier sa hauteur, en fonction du nombre de lignes de texte affectées par les choix d'alignement de l'agent utilisateur.

CSS ne précise pas non plus comment les traits d'union doivent être gérés (Remarque 1). La plupart des textes justifiés utilisent un trait d'union pour séparer les mots longs sur deux lignes, comblant ainsi l'espace entre les mots et améliorant l'apparence des lignes de texte. Cependant, comme CSS ne définit pas le comportement des traits d'union, il est peu probable que les agents utilisateurs fassent un trait d'union automatiquement. En conséquence, le texte justifié en CSS n'est pas aussi beau à l'impression, d'autant plus que l'élément peut être trop étroit pour contenir seulement quelques mots par ligne. Bien sûr, il est possible d’utiliser des éléments de conception étroits, mais méfiez-vous des inconvénients correspondants.

Remarque 1 : Il n'y a pas d'instructions en CSS sur la façon de gérer les traits d'union car différentes langues ont des règles de trait d'union différentes. Plutôt que de tenter de concilier des règles potentiellement incomplètes, la spécification ignore simplement le problème. 

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!