ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでの方向の使い方を詳しく解説

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

黄舟
黄舟オリジナル
2017-07-27 14:30:202735ブラウズ

1.

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

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

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

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

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

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

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

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

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


それでは、「インライン要素ブロック」とは何ですか? CSSでの方向の使い方を詳しく解説

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。