Flex Grow
flex アイテムが利用可能なスペースを埋めるためにどのように成長するかを制御します。
flexGrow プロパティは、必要に応じて flex アイテムが成長する能力を定義します。これは比率として機能する単位なしの値を受け入れます。flex コンテナ内の残りのスペースのうち、アイテムがどの程度占有すべきかを指定します。
例
Loading Preview…
クイックノート
flexGrowのデフォルトは0です。基準サイズはflexBasis、size、コンテンツから決まり、空きスペースによる伸長は行いません。- すべてのアイテムが
flexGrow: 1なら、min/max 制約がない限り残りのスペースを均等に追加します。基準サイズが異なる場合、最終的な幅が等しくなるとは限りません。