flexアイテムの幅調整 sample

「flex-shrink:数字」でflexアイテムの幅を自動で縮小変更できます。flexコンテナにぴったり入るように自動で縮小調整されます。flex-shrinkの値を変更するとその数値に応じてそれぞれのflexボックスの幅が調整されます。その仕組みは不足した余白部分をflex-shrinkで指定した数値の比率に分割されるようになっています。

A
B
C
D