0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>If the value of the basic sizes of flex items is greater than the overall dimensions of the flex container, then you will get<em>negative space</em>.</p>
1
<p>If the value of the basic sizes of flex items is greater than the overall dimensions of the flex container, then you will get<em>negative space</em>.</p>
2
<p>We can use a redistribution mechanism not just for free space, but also for negative space. Flex items are able to redistribute negative space between themselves and to shrink themselves.</p>
2
<p>We can use a redistribution mechanism not just for free space, but also for negative space. Flex items are able to redistribute negative space between themselves and to shrink themselves.</p>
3
<p>The flex-shrink property is used to shrink flex items. It can be referred to as the “shrinkage ratio.”</p>
3
<p>The flex-shrink property is used to shrink flex items. It can be referred to as the “shrinkage ratio.”</p>
4
<p>The flex-shrink property accepts non-negative integer values, and its default value is 1.</p>
4
<p>The flex-shrink property accepts non-negative integer values, and its default value is 1.</p>
5
<p>If the flex-shrink value is greater than zero, then the flex item will shrink in size in order to absorb part of the negative space, if any exists.</p>
5
<p>If the flex-shrink value is greater than zero, then the flex item will shrink in size in order to absorb part of the negative space, if any exists.</p>
6
<p>If the flex-shrink value is equal to zero, the flex item will not shrink in size.</p>
6
<p>If the flex-shrink value is equal to zero, the flex item will not shrink in size.</p>
7
<p>Flex elements try to behave as flexibly as possible without overflowing the bounds of their container, so the default value of flex-shrink is 1. But if you assign zero values for the shrinkage ratio, then you will be able to overflow items.</p>
7
<p>Flex elements try to behave as flexibly as possible without overflowing the bounds of their container, so the default value of flex-shrink is 1. But if you assign zero values for the shrinkage ratio, then you will be able to overflow items.</p>