ホームページ > ウェブフロントエンド > CSSチュートリアル > layout-flow属性の使い方を詳しく解説

layout-flow属性の使い方を詳しく解説

零下一度
リリース: 2017-06-19 16:52:39
オリジナル
2631 人が閲覧しました

構文:

layout-flow : horizontal | vertical-ideographic
ログイン後にコピー

パラメータ:
horizo​​ntal: オブジェクトのコンテンツが左から流れ込みます。次の行は前の行の下にあります。この値はラテン語に適しています。
vertical-ideographic: オブジェクト内のコンテンツは上から下に流れ、次の行が前の行の左側にあります。この値はアジア言語に適しています。
説明:
オブジェクト内のテキストの流れと方向を設定または取得します。
この属性の値が変更されると、text-align属性とvertical-align属性の機能も変更されます。
対応するスクリプト機能はlayoutFlowです。私が書いた他の本もご覧ください。

この属性の値が変更されると、text-align 属性と general-align 属性の機能も変更されます。
次の要素の場合、スタイル シート属性は継承できません:

この属性の効果は累積されません。たとえば、親オブジェクトのこのプロパティの値が  tb-rl  に設定されている場合、子オブジェクトのこのプロパティの値を  tb-rl  に設定しても、子オブジェクトは回転しません。
オブジェクトの writing-mode プロパティ設定が親オブジェクトと異なる場合、独自のレイアウトが取得されます。このようなオブジェクトの幅は、最初にレイアウトされた親の高さを使用して決定されます。
異なる pwriting-modep プロパティ値を持つオブジェクトを使用する場合、各オブジェクトに特定のサイズを割り当てると、レイアウト全体をより適切に制御できるようになります。
このプロパティは、pcurrentStyle オブジェクトに対して読み取り専用です。他のオブジェクトについては、読み取りと書き込みが可能です。
対応するスクリプト機能は

layout-flow:vertical-ideographic;
は「一、二、三、四、五、六、七、八、九〇」などの古代中国語のようにテキストを配置することを意味します。 、通常は左から右へ。この文を使用すると、テキストは右から左へ、列ごとに垂直に配置されます。


1 2 3 4 5 6 7 8 9〇、このコードを試してみると意味がわかります。ただし、IEの独自財産であり、Firefoxなどとは互換性がないため、使用することは推奨されません。

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート