FlexBox で横並びリストを作った時に以下のようにアイテムが潰れて、しばらく手こずってたメモ
解決方法
flex-shrink が原因
0 を指定すれば潰れなくなる
flex-shrink
アイテムの縮小度を設定するプロパティ
アイテムの寸法がコンテナより大きい場合このプロパティに従って縮小される
サンプル
See the Pen flex-shrink by cano (@canoypa) on CodePen.
More than 5 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme