flex-flowについて解説

それでは flex-flow の指定方法を見ていきましょう。

.items {
　display: flex;
　flex-flow: row wrap;
}

上記のように flex-flow を使うときは

flex-flow: flex-direction flex-wrap;

で指定するようにしましょう。

※初期値は flex-flow: row nowrap; になっています。

この記事では flex-flow について解説しました。

flex-flow は flex-direction と flex-wrap をまとめて指定できるプロパティです。

flex-flow を使うとコードを書く量が減るので必要に応じて使ってみてください。

最後までお読みいただきありがとうございます。