ページレイアウトを様々なスクリーンサイズやディスプレイデバイスに適応しなければならない場合に、ページ上の要素が指定した通りに配置されるレイアウトモードです。モデルを超えるための手段を提供します。モデルを使いやすいと感じるでしょう。子要素は任意の方向にレイアウトすることができ、またディスプレイの領域に適応する柔軟な寸法を持つこともできます。要素の表示順はソースコードでの順序に依存しないため子要素の配置はとても容易であり、また複雑なレイアウトをきれいなコードでシンプルに実現できます。この独立性は視覚的なレンダリングにのみ意図的に影響させており、読み上げ順やソースでの順序に基づくナビゲーションには影響しません。すべての機能を実装していないブラウザもあります。サポート状況は全体的に良好です。最新の互換性状況については、各プロパティのブラウザ実装状況の表をご覧ください。レイアウトを定義するねらいは、アイテムの幅や高さを、任意のディスプレイデバイスで使用できる領域を最適に埋めるように変更する能力です。コンテナはアイテムを、使用可能な空き領域を埋めるように引き延ばしたり、はみ出さないように縮めたりします。(direction-agnostic)。レイアウトはページに対して良好に働きますが、ユーザエージェントの変更や水平・垂直の切り替えなどによる向きの変化・リサイズ・拡大・縮小が必須であるアプリケーションコンポーネントをサポートするのに十分な定義がありません。レイアウトは大規模なレイアウトを意図しています。よる多大な努力の一部です。軸といった用語から解放される一方で、モデルを適切に説明するための新たな用語が必要になります。後述の語彙アイテムを復習するときは、以下の図について考えてみましょう。またがってお互いに水平方向に続くということです。アイテムを含む親要素です。指定することによって定義されます。アイテムに包まれています。つの軸を持っています。アイテムのいずれに対しても平行な軸です。対して垂直な軸となります。プロパティは、主軸を定義します。アイテムをどのように主軸に沿ってレイアウトするかを定義します。アイテムをどのように交差軸に沿ってレイアウトするかの既定値を定義します。アイテムを交差軸上でどのように配置するかを定義します。アイテムのフローの始点と終端を表します。もとに、主軸や交差軸に従います。groups)に割り当てて、どの要素が最初に現れるかを決めます。プロパティをまとめたものです。プロパティに基づいて、単一の行または複数の行に渡ってレイアウトできます。このプロパティは、交差軸の方向や新しい行が積み重なる方向を制御します。コンテナの主軸および交差軸に従います。プロパティをまとめたものです。アイテムとして定義します。コンテナをブロックレベル要素にします。コンテナを極小のインラインレベル要素にします。プロパティで文字列に付加されます。アイテムに包まれています。アイテムはレンダリングされません。指定されたような状態です。隅に対して決められるように配置されます。アイテムのマージンは相殺しません。アイテムの整列や分離に使用できます。