1. Flex-shrink fait référence au taux de retrait d'un seul élément lorsque le conteneur flexible manque d'espace.
2. Les valeurs négatives ne sont pas prises en charge. La valeur par défaut est 1, ce qui signifie que tous les éléments flexibles seront réduits par défaut. S'il est défini sur 0, cela signifie qu'il n'y a pas de retrait et que la largeur d'origine est conservée.
Exemple
// Partie CSS.content{
affichage : flexible ;
largeur : 400 px ;
hauteur : 200px ;
bordure : 1px solide ;
}
.gauche, .centre, .droite{
hauteur : 200px ;
}
.gauche{
largeur : 100 px ;
couleur de fond : aqua ;
}
.centre{
largeur : 200 px ;
couleur de fond : biscuit ;
}
.droite{
largeur : 300 px ;
couleur de fond : bleu cadet ;
}Ce qui précède est une introduction à l'attribut flex-shrink en CSS. J'espère que cela sera utile à tout le monde.