flex の指定する数値について

grow、shrink、basis がありますが、

例えば、grow で、flex: 1; と指定した場合、もしくは、 flex: 2; とした場合、
何に対する、 1 、 2 何でしょう ?

数値の意味がわかる方、教えてください !

No.1 ベストアンサー 回答者： osamuy 回答日時： 2022/04/27 00:30

https://developer.mozilla.org/ja/docs/Web/CSS/fl … より。
「このプロパティは、フレックスコンテナー内の残りの空間のうち、どれだけがそのアイテムに割り当てられるか (フレックス伸長係数) を設定します。
残りの空間とは、フレックスコンテナーの寸法からすべてのフレックスアイテムの寸法を引いたものです。」

例えば、同幅のパラグラフ(p)が3つあって、
<p flex:1><p flex:2><p flex:1>
なら、1(25%):2(50%):1(25%)の比率で表示される感じ。

この回答へのお礼

ありがとうございます。

お礼日時：2022/04/27 16:55

No.2 回答者： gura_ 回答日時： 2022/04/27 10:00

unlogic80 さん

　････flex: 2; とした場合、
何に対する、 1 、 2 何でしょう ?･･････

ご参考に↓
https://miyattiblog.com/explanation-of-flex-prop …
https://mothihuku.com/flex1/

この回答へのお礼

ありがとうございます。

お礼日時：2022/04/27 16:55