例 .flex-container { -webkit-align-content: stretch; /* Safari */ align-content: stretch; } stretch flex-start flex-end center space-between space-around Flexアイテム flex-grow -Flexアイテムの伸長率 flex-growプロパティは、Flexアイテムの伸長係数(伸びる倍率)を設定します。 Flexコンテナに空いた空間がある場合、Flexアイテム毎のflex-growプロパティの値を元に、余白をうめるように自動的に広さが調整されます。 値に指定できるのは単位を含めた数値で、マイナスの値は無効です。 デフォルト値は0になります。 div{ -webkit-flex-grow: 0; flex-grow: 0; } div:fi
![Flexboxのプロパティ紹介 - HTML・CSSテックラボ - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)