Maison > interface Web > tutoriel CSS > le corps du texte

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

黄舟
Libérer: 2017-07-27 14:30:20
original
2737 Les gens l'ont consulté

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
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

É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 ,