flex-shrink#

#Introduction

Defines the shrink factor of the flex element on the main axis. After the flex container layout elements, if there is an element overflow, the corresponding element will be scaled according to the element's zoom factor ratio to ensure that the element will not overflow the container.

#Examples

css-apisrc/flex-shrink/App.tsx

Preview

#Syntax

/* <number> values */
flex-shrink: 2;
flex-shrink: 0;

#Values

• <number>

  Negative values are invalid. Defaults to 1.

#Formal definition

#Formal syntax

flex-shrink =
  <number [0,∞]>

#Compatibility

LCD tables only load in the browser