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

構文:

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;
は「一、二、三、四、五、六、七、八、九〇」などの古代中国語のようにテキストを配置することを意味します。 、通常は左から右へ。この文を使用すると、テキストは右から左へ、列ごとに垂直に配置されます。
0aece2f0952fca5309014f68c319bc57
1 2 3 4 5 6 7 8 9〇、このコードを試してみると意味がわかります。ただし、IEの独自財産であり、Firefoxなどとは互換性がないため、使用することは推奨されません。

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