Dans le cours : CSS : Maîtriser les Flexbox

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 100 cours dispensés par des experts.

Aligner les éléments flex sur l'axe principal

Aligner les éléments flex sur l'axe principal - Tutoriel CSS

Dans le cours : CSS : Maîtriser les Flexbox

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Aligner les éléments flex sur l'axe principal

“

Je suis maintenant de retour à la situation de départ, avec cinq flex items placés côte à côte, de gauche à droite, le long de l'axe principal. Au niveau du code, flex-flow : row-wrap, cela confirme que l'axe principal va bien de gauche à droite. On va découvrir maintenant une autre propriété du CSS, la propriété justify-content. Cette propriété gère la disposition des éléments le long de l'axe principal. Sa valeur par défaut, c'est start. Cela veut dire qu'on place les éléments flex au début de l'axe principal. Rappelez-vous que chez moi, cet axe principal va de gauche à droite, et effectivement, mes éléments sont placés au début de cet axe, sur le côté gauche de mon flex container, avec l'espace restant qui se trouve après l'élément numéro Cinq. Autre valeur possible, justify-content : end. Là, je place mes éléments flex sur la fin de l'axe principal. Voilà ce que ça donne : nous avons les éléments flex maintenant sur le côté droit du flex container, avec l'espace restant qui se…

Table des matières