SoyaBlog

これを見れば解決しそうや

HOME>CSS>flexについて解説
ブログ投稿日時:
ブログ更新日時:
flexについて解説

flexについて解説

  1. flex とは
  2. flex の指定方法
  3. 今回のまとめ
1.

flex とは

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

2.

flex の指定方法

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

.item {
 flex: 0 1 300px;
}

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

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

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

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

3.

今回のまとめ

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

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

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

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