flexについて解説

flex は flex-grow と flex-shrink、flex-basis をまとめて指定できるプロパティです。

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

.item {
　flex: 0 1 300px;
}

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

flex: flex-grow flex-shrink flex-basis;

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

※初期値は flex: 0 1 auto; になっています。

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

flex は flex-grow と flex-shrink、flex-basis をまとめて指定できるプロパティです。

flex が使えるようになるとCSSを書く行数が減るのでぜひ、この記事で使いこなせるようになっていただけると嬉しいです。

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