CSS flex-shrink property

Description

CSS flex-shrink determines how much the flex item should shrink to fill the remaining space relative to the other flex items.

Syntax

flex-shrink : +ve integer

Property values

+ve integerDefault

The flex items shrink to fill the free remaining space relative to the other items.

flex-shrink: 1;

+ve integer

The flex items do not shrink to fill the remaining space.

flex-shrink: 0;

Applicable to

It applies to flex items.

From web4college, the free CSS digger

#CSS digger
Was this article helpful?

 

#First 1

#Second 2

#Third 3

#Third 4

#Third 5

▾
×

Ctrl+D