display: flex; と flex の違い

class 名 {
display: flex;
}

class 名 {
flex: 1;
}

display: flex; は主に指定した親要素の小要素を横並びにしたい時に使う。

ただの flex は使い方がよくわかりません。
指定も難しいというか、理解しにくいです。

このただの flex の使用方法などをわかりやすく教えてください。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2022/04/25 21:31

こんばんは。

display: flex; はご指摘の通り、親要素（＝包含要素）に設定します。
flex: ; は子要素の基本サイズ、及びブラウザが要素を伸縮する際の比率を指定するものです。
background 等と同様、一括指定のプロパティとなっており、grow、shrink、basisを指定するためのものです。
（詳細は以下のページをご参照あれ）
https://developer.mozilla.org/ja/docs/Web/CSS/flex

この回答へのお礼

ありがとうございます。

お礼日時：2022/04/25 21:42