Explication détaillée de l'utilisation de l'attribut CSS text-justify

Syntaxe :

text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph

Paramètres :
auto : Permet à l'agent utilisateur du navigateur de déterminer les règles de justification utilisées
inter-mot : En ajoutant des espaces entre les mots Aligner le texte. Ce comportement constitue le moyen le plus rapide d’aligner toutes les lignes de texte. Son comportement justificatif n'a aucun effet sur la dernière ligne d'un paragraphe
journal : Alignez le texte en augmentant ou en diminuant l'espace entre les mots ou les lettres. Il s'agit du format le plus précis pour aligner les deux extrémités de l'alphabet latin
distribute : gère les espaces un peu comme un journal, adapté aux documents d'Asie de l'Est. Surtout en Thaïlande
distribute-all-lines : La méthode d'alignement des lignes aux deux extrémités est la même que pour la distribution, et elle n'inclut pas non plus la dernière ligne de deux paragraphes alignés. Pour les documents idéographiques
inter-idéogramme : Fournit une justification complète du texte idéographique. Il augmente ou diminue l'espace entre les idéogrammes et les mots

Description :
Définit ou récupère l'alignement du texte dans l' objet .
La fonctionnalité de script correspondante est textJustify. Veuillez consulter les autres livres que j'ai écrits.

Exemple :

div {text-justify : auto; }

Nous utilisons parfois l'alignement du texte aux deux extrémités pour embellir le modèle. Alors, comment réaliser l'alignement du texte aux deux extrémités et quels problèmes doivent être pris en compte, les détails sont les suivants :

Actuellement, pour les articles en anglais, il vous suffit de définir text-align :justify; pour obtenir les deux alignements de fin, comme dans l'exemple suivant :

Code de réglage d'alignement de fin en anglais

<p style="text-align:justify;width:500px;margin:10px auto;border:1px solid red;
padding:10px;">

This is the effect of the English text:
Start:
W3Schools is optimized for learning, testing, and training. 
Examples might be simplified to improve reading and basic understanding.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. 
While using this site, you agree to have read and accepted our terms of use and privacy policy.
End.

Si vous avez affaire à du chinois, vous avez également besoin pour ajouter text-justify:inter-ideograph Attributs, comme dans l'exemple suivant :

Code de réglage aligné en chinois

<p style="text-align:justify;text-justify:inter-ideograph;width:500px;margin:10px auto;
border:1px solid red;padding:10px;">

这是中文文字的效果：
测试文字内容区开始：
创想信息网—前端开发栏目，关注网站设计、前端开发。
创想信息网其他关注方向有——dedecms二次开发、标签使用及优化，计算机故障排除，学习资源分享，
开发工具推荐，视频教程汇总，精彩博文推荐，社会经验、情感经历分享、数据库使用以及几个常见的web项目运维。

Remarque :

Les signes de ponctuation aligneront la mise en page. Par conséquent, par défaut, la plupart des navigateurs grand public éviteront de laisser les caractères de ponctuation occuper le début de la ligne. Le contrôle de ce problème est plus compliqué.

La situation est différente s'il y a des espaces. S'il y a des espaces à la fin de la ligne, il sera automatiquement renvoyé ici, et le signe de ponctuation peut également être au début de la ligne suivante.

Le réseau d'information Chuangxiang suivant passera en revue la connaissance de la justification de texte en CSS :

justification de texte : les paramètres sont les suivants

auto permet à l'agent utilisateur du navigateur de déterminer l'utilisation des règles de justification

inter-mots aligne le texte en ajoutant des espaces entre les mots. Son comportement justificatif n'a aucun effet sur la dernière ligne d'un paragraphe.

Journal Alignez le texte en ajoutant ou en réduisant les espaces entre les mots ou les lettres. C'est le format le plus précis pour justifier l'alphabet latin.

Distribute gère les espaces un peu comme un journal et convient aux documents d'Asie de l'Est. Surtout la Thaïlande.

distribute-all-lines aligne les lignes de la même manière que distribuer, et n'inclut pas non plus la dernière ligne de deux paragraphes alignés.

inter-idéogramme fournit un texte idéographique pleinement justifié. Il ajoute ou soustrait des idéogrammes et des espaces entre les mots.

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!