flex

效果

使用 flex-* 应用CSS flex 属性设置当前元素在 Grid 或 Flex 容器中的伸缩方式。

flex-auto

24 × 8

24 × 8

24 × 8

flex-1

24 × 8

24 × 8

24 × 8

flex-initial

24 × 8

24 × 8

24 × 8

flex-none

24 × 8

24 × 8

24 × 8

混合使用

flex-auto

flex-1

flex-initial

flex-none