1. Flex-grow fait référence à l'expansion de la largeur occupée par les éléments flexibles. L'espace étendu est l'espace vide restant après l'exclusion des éléments.
2. Les valeurs négatives ne sont pas prises en charge. La valeur par défaut est 0, ce qui signifie que l'espace blanc restant ne sera pas occupé pour étendre sa largeur.
Si flex-grow est supérieur à 0, l'allocation de l'espace restant dans le conteneur flex aura lieu.
Exemple
// Partie HTML// Partie CSS.box{ largeur : 600 px ; hauteur : 200px ; bordure : 1px solide ; affichage : flexible ; } .box div:ntième-de-type(1){ largeur : 100 px ; hauteur : 100px ; couleur de fond : rouge ; } .box div:ntième-de-type(2){ largeur : 150 px ; hauteur : 100px ; couleur de fond : bleu ciel ; } .box div:ntième-de-type(3){ largeur : 200 px ; hauteur : 100px ; couleur de fond : jaune ; }
Ce qui précède est une introduction à l'attribut flex-grow en CSS. J'espère que cela sera utile à tout le monde.