Explication détaillée sur l'utilisation de la direction en CSS

1.

Dans les applications ordinaires, je fais rarement attention à l'utilisation de la direction CSS. Aujourd'hui, j'ai parfois vu du contenu pertinent et j'ai trouvé que la direction CSS est souvent très pratique à utiliser.

2. Tout d'abord, nous devons faire attention à deux contenus importants :

direction:ltr;//这个是默认值
direction:rtl

ltr est la valeur initiale, ce qui signifie de gauche à droite, ce qui signifie de gauche à droite. rtl est une autre valeur, l'abréviation de droite à gauche, qui signifie de droite à gauche.

<p class="rtl">
	<img src="1.png"/>
	<img src ="2.png"/>
</p>

Si la direction est définie sur l'attribut trl pour p, alors 1.png sera activé le côté droit, 2.png est sur le côté gauche.

Il est à noter que si l'attribut rtl est défini, l'ordre du texte reste inchangé :

<p class="rtl"><span>span1</span> <span>span2</span></p>

Étant donné que seul l'ordre gauche et droit du bloc d'éléments en ligne est modifié, tout le texte, même s'il est séparé par un élément en ligne balises, En fait, il s'agit toujours d'une boîte en ligne homogène et est traitée dans son ensemble, il n'y a donc qu'un effet d'alignement approximatif à droite, mais il n'y a aucun changement dans l'ordre gauche et droit de chaque texte.

Alors, qu'est-ce qu'un « bloc d'éléments en ligne » ? Y compris les éléments remplacés, tels que , , ,