flexboxアイテム拡大縮小【flex-shrink、flex-glow】
アイテムの拡大設定【flex-glow】
余白をどのように各アイテムに配分するか設定
(空白部分が均等に配置のため、各アイテムが均等サイズになるわけではない。各アイテムにプラス均等余白サイズがたされる)
初期値:0
指定できるのは数値のみ
(例)
flex-glowを全て1に設定すると全て均等に配置される。(空白部分が均等に配置)
flex-glowを各アイテムに1、2,3に設定すると、各アイテムが1/6、2/6、3/6の余白が配分される。
アイテムの縮小設定【flex-shrink】
アイテムのトータルサイズが、コンテナのサイズよりオーバーしている場合に各アイテムをどれくらい縮小させるか設定
初期値:1
(例)
flex-shrinkを0に設定するとflex-basisの値で表示されるため縮小しないでコンテナからアイテムがはみ出る。
ディスカッション
コメント一覧
まだ、コメントがありません