Flex : Autres propriétés
Pour effectuer l’exercice du chapitre suivant, nous avons vu assez de propriétés Flexbox. Nous n’allons pas aller plus loin dans le détail. Mais pour information voici d’autre pistes à explorer si vous le souhaitez.
Gestion de la taille et de l’espace des enfants
flex-grow: <number>;(définit la part d’espace supplémentaire qu’un enfant peut occuper)flex-shrink: <number>;(définit la part de réduction de taille qu’un enfant peut subir)flex-basis: <length> | auto;(définit la taille de base d’un enfant avant répartition de l’espace)
Alignement individuel d’un enfant
align-self: auto;(utilise la valeur définie paralign-items, par défaut)align-self: flex-start;(aligne l’enfant au début de l’axe transversal)align-self: flex-end;(aligne l’enfant à la fin de l’axe transversal)align-self: center;(centre l’enfant sur l’axe transversal)align-self: baseline;(aligne l’enfant sur sa ligne de base de texte)align-self: stretch;(étire l’enfant pour remplir l’espace disponible sur l’axe transversal)