La différence entre l'attribut de direction CSS et l'attribut de mode d'écriture

En CSS, le writing-mode et la direction sont tous deux utilisés pour contrôler la direction d'affichage du texte, mais il existe des différences entre eux.

Les paramètres en mode écriture sont lr-tb (gauche et droite - haut et bas) tb-rl (haut et bas - droite et gauche). La méthode d'écriture dans les pays occidentaux est généralement gauche et droite -. de haut en bas, mais dans les pays asiatiques, comme la Chine, la poésie ancienne va de droite à gauche, et l'attribut de mode d'écriture est reflété !

Exemple :

<div class="mode">  
  <h3>登鹳雀楼</h3>  
<p>白日依山尽,<br>黄河入海流.<br>欲穷千里目,<br>更上一层楼。</p>  
</div>

.mode{  
            writing-mode: tb-rl;      
        }  
        p{  
            font-size: 24px;  
        }

L'effet affiché :

paramètres de direction ltr (de gauche à droite) et rtl ( droite à gauche).

Utilisez la direction pour contrôler la direction d'écriture du texte de gauche à droite ou de droite à gauche.

Tout d'abord, layout-flow : contrôle également le flux du contenu texte de l'objet (mais cet attribut peut être remplacé par l'attribut writing-mode)

In css, writing-mode et Direction sont utilisés pour définir la façon dont le texte est affiché. Les deux présentent des similitudes et des différences essentielles. Présentons d'abord l'utilisation des deux :

writing-mode

Syntaxe :

writing-mode : lr-tb | tb-rl

Paramètres :
lr-tb : gauche-droite , haut-bas
tb-rl : haut-bas, droite-gauche

Description :
Définir ou récupérer le sens d'écriture inhérent au bloc de contenu de l'objet. Les langues occidentales utilisent une écriture de haut en bas de gauche à droite. Mais les langues asiatiques ont souvent des styles d’écriture haut-bas et droite-gauche.
Lorsque la valeur de cet attribut change, les fonctions de l'attribut text-align et de l'attribut vertical-align changeront également.
La fonctionnalité de script correspondante estwritingMode. Veuillez consulter les autres livres que j'ai écrits.

direction

Syntaxe :

direction: ltr | rtl

Paramètres :

ltr : gauche-droite
rtl : droite-gauche

Explication :

L'attribut direction définit si le sens d'écriture du texte est de gauche à droite ou de droite à gauche.

Grâce à la comparaison ci-dessus, nous pouvons conclure que s'il s'agit uniquement de la façon dont le texte est affiché, par exemple de gauche à droite ou de droite à gauche, nous utilisons souvent une direction afin de faire face à une écriture différente. habitudes de texte, surtout lorsque le texte est écrit verticalement à partir du haut, comme la méthode d'écriture des caractères chinois anciens, nous devons utiliser le mode écriture.

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!