Что такое атрибут flex-shrink в CSS

1. Flex-shrink — это коэффициент сжатия одного элемента, когда в гибком контейнере недостаточно места.

2. Отрицательные значения не поддерживаются. Значение по умолчанию — 1, что означает, что все гибкие элементы по умолчанию сжимаются. Если установлено значение 0, это означает отсутствие сжатия и сохранение исходной ширины.

Пример

 // CSS part.content{
дисплей: гибкий;
ширина: 400 пикселей;
высота: 200 пикселей;
граница: сплошная 1 пиксель;
}

.левый, .центр, .правый{
высота: 200 пикселей;
}

.левый{
ширина: 100 пикселей;
цвет фона: бирюзовый;
}
.центр{
ширина: 200 пикселей;
цвет фона: бисквитный;
}
.верно{
ширина: 300 пикселей;
цвет фона: кадетский синий;
}

Вышеупомянутое представляет собой введение в атрибут flex-shrink в CSS. Надеюсь, оно будет полезно всем.