css使用flex-shrink调整flex布局超出宽度

1.简介

flex-shrink 属性指定了 flex 元素的收缩规则。flex-shrink仅在flex布局的子元素中起作用

flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收缩的依据是flex-shrink 的值。

相反的,flex-grow定义了子元素的扩展比例,在默认宽度之和小于容器宽度时发生扩展。

2.使用