Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Définition de la Direction du Flex pour les Mises en Page | Maîtriser Flexbox pour les Mises en Page
Fondamentaux De CSS

bookDéfinition de la Direction du Flex pour les Mises en Page

La propriété flex-direction permet de déterminer l’orientation dans laquelle les éléments flex sont disposés. Par défaut, cette propriété est définie sur row, ce qui entraîne une disposition de gauche à droite dans les navigateurs utilisant l’anglais comme langue par défaut. Vous pouvez la définir sur :

flex-direction: row | column | row-reverse | column-reverse;

Considérons la navigation du site web suivante comme exemple.

row

index.html

index.html

index.css

index.css

copy

row-reverse

index.html

index.html

index.css

index.css

copy

column

Attention à la largeur des éléments ; ils occupent toute la largeur du parent.

index.html

index.html

index.css

index.css

copy

column-reverse

index.html

index.html

index.css

index.css

copy
question mark

Que fait la propriété flex-direction ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 2

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you explain the difference between each flex-direction value with examples?

How does changing the flex-direction affect the layout of my list items?

Are there any best practices for choosing a flex-direction in navigation menus?

Awesome!

Completion rate improved to 2.56

bookDéfinition de la Direction du Flex pour les Mises en Page

Glissez pour afficher le menu

La propriété flex-direction permet de déterminer l’orientation dans laquelle les éléments flex sont disposés. Par défaut, cette propriété est définie sur row, ce qui entraîne une disposition de gauche à droite dans les navigateurs utilisant l’anglais comme langue par défaut. Vous pouvez la définir sur :

flex-direction: row | column | row-reverse | column-reverse;

Considérons la navigation du site web suivante comme exemple.

row

index.html

index.html

index.css

index.css

copy

row-reverse

index.html

index.html

index.css

index.css

copy

column

Attention à la largeur des éléments ; ils occupent toute la largeur du parent.

index.html

index.html

index.css

index.css

copy

column-reverse

index.html

index.html

index.css

index.css

copy
question mark

Que fait la propriété flex-direction ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 2
some-alt