flex-shrink

Flex Itemの縮小係数を指定する

defaultは1

flex-basisの比率で縮小する

1:2の幅のやつがあれば、後者は前者の2倍縮む

指定できるのは正の数値

e.g. 0,1,1.2,5

0にすると全く縮小しない

Flex Containerの幅よりも、Flex Itemの幅の合計が大きくなると、

当然収まらないので、適当に縮小する必要が出てくる

その縮小率を指定するのがflex-shrink

flex-growとかと同じで、これはflex item同士の相対的な比を指定する

例えば、1つのflex container内に3つのitemがあって、それぞれ1,2,3と指定した場合、

3は、1と指定したものよりも、3倍縮小されるということ

だから、1:1:1と指定した時と、2:2:2で指定した時は同じ結果になる

0もだいたい同じ理由で全く縮小しないことになるが、

0:0:0と指定した時は、全部が全く縮小しないことを意味するので、1:1:1とは結果が異なる

demoが動くのでわかりやすい

説明不足すぎmrsekut.icon