フレックス方向 (Flex Direction)

主軸の方向を定義します。

flexDirection プロパティは主軸を確立し、子要素を水平方向（行）または垂直方向（列）にレイアウトします。

値

図解

Row（行）:
[Item 1] -> [Item 2] -> [Item 3]

Column（列）:
[Item 1]
   |
   v
[Item 2]
   |
   v
[Item 3]

Row（行）

デフォルトの動作です。アイテムは左から右に配置されます。

Row Reverse（反向行）

アイテムは右から左に配置されます。

Column（列）

アイテムは上から下に配置されます。

Column Reverse（反向列）

アイテムは下から上に配置されます。

次のステップ

• フレックス折り返し (Flex Wrap)
• 主軸揃え (Justify Content)