CSSリファレンス

flex-flowの意味と使い方

「flex-flow」はフレックスコンテナ内のレイアウトの方向と行数を一括して指定できます。それぞれの値を任意の順番で、半角スペースで区切って指定します。

値の指定方法

flex-directionの値

フレックスコンテナ内のレイアウトを決める、主軸の方向を指定します。

flex-wrapの値

フレックスコンテナ内のフレックスアイテムを、複数の行に配置するかどうかを指定します。

関連プロパティ

  • display：要素の表示形式(ブロック・インライン)を指定する
  • flex-direction：レイアウトの方向を指定する
  • flex-wrap：アイテムを複数の行に配置する