ブログ投稿日時:
ブログ更新日時:
flex-flowについて解説
1.
flex-flow とは
flex-flow は flex-direction と flex-wrap をまとめて指定できるプロパティです。
2.
flex-flow の指定方法
それでは flex-flow の指定方法を見ていきましょう。
.items {
display: flex;
flex-flow: row wrap;
}
上記のように flex-flow を使うときは
flex-flow: flex-direction flex-wrap;
で指定するようにしましょう。
※初期値は flex-flow: row nowrap; になっています。
3.
今回のまとめ
この記事では flex-flow について解説しました。
flex-flow は flex-direction と flex-wrap をまとめて指定できるプロパティです。
flex-flow を使うとコードを書く量が減るので必要に応じて使ってみてください。
最後までお読みいただきありがとうございます。