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

<Go/>

css-apisrc/flex-shrink/App.tsx

Code

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