CSSでの方向の使い方を詳しく解説

1.

通常のアプリケーションでは、CSS の方向の使用を意識することはほとんどありません。今日、関連するコンテンツを目にすることがありますが、CSS の方向は非常に便利であることがよくあります。

2. まず、2 つの重要な内容に注意する必要があります。

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

ltr は左から右を意味する初期値であり、rtl は左から右を意味します。 -to- left の略語は、右から左へという意味です。

<p class="rtl">
	<img  src="/static/imghwm/default1.png"  data-src="1.png"  class="lazy"  / alt="CSSでの方向の使い方を詳しく解説" >
	<img  src ="2.png"/ alt="CSSでの方向の使い方を詳しく解説" >
</p>

trl属性で方向をpにすると、1.pngが右側、2.pngが左側になります。

rtl 属性を設定した場合、テキストの順序は変更されないことに注意してください:

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

なぜなら、インラインの左と右の順序のみであるためです。要素ブロックの変更では、すべてのテキストは、インライン タグで区切られている場合でも、実際には同種のインライン ボックスであり、全体として扱われます。そのため、おおよその右揃え効果のみが発生し、左右の順序は変わりません。各テキスト。

それでは、「インライン要素ブロック」とは何ですか? 、、、

以上がCSSでの方向の使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。