Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Ausführliche Erklärung zur Verwendung der Richtung in CSS

黄舟
Freigeben: 2017-07-27 14:30:20
Original
2749 Leute haben es durchsucht

1.

In normalen Anwendungen achte ich selten auf die Verwendung der CSS-Richtung. Heute habe ich gelegentlich relevante Inhalte gesehen und festgestellt, dass die Verwendung der CSS-Richtung oft sehr praktisch ist.

2. Zunächst müssen wir auf zwei wichtige Inhalte achten:

direction:ltr;//这个是默认值
direction:rtl
Nach dem Login kopieren

ltr ist der Anfangswert, der von links nach rechts bedeutet von links nach rechts. rtl ist ein weiterer Wert, die Abkürzung für right-to-left, was von rechts nach links bedeutet.

<p class="rtl">
	<img src="1.png"/>
	<img src ="2.png"/>
</p>
Nach dem Login kopieren

Wenn die Richtung für p auf das Trl-Attribut eingestellt ist, ist 1.png aktiviert auf der rechten Seite, 2.png ist auf der linken Seite.

Es ist zu beachten, dass bei gesetztem RTL-Attribut die Reihenfolge des Textes unverändert bleibt:

<p class="rtl"><span>span1</span> <span>span2</span></p>
Nach dem Login kopieren

Da nur die linke und rechte Reihenfolge des Inline-Elementblocks geändert wird, wird der gesamte Text angezeigt, auch wenn er durch Inline getrennt ist Tags, Tatsächlich handelt es sich immer noch um ein homogenes Inline-Feld, das als Ganzes behandelt wird. Daher gibt es nur einen ungefähren Rechtsausrichtungseffekt, es gibt jedoch keine Änderung in der linken und rechten Reihenfolge jedes Textes.


Was ist also ein „Inline-Elementblock“? Einschließlich ersetzter Elemente wie ,