flex-shrink

描述

适用于:flex子项

CSS属性 flex-shrink 指定了 flex子项的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收缩的大小是依据 flex-shrink 的值。

取值

  • <number>

    负值无效,默认为0。

语法

flex-shrink: 2;
flex-shrink: 0.6;

/* Global values */
flex-shrink: inherit;
flex-shrink: initial;
flex-shrink: unset