Setting the Flex Direction for Layouts
The flex-direction
property enables us to determine the direction in which flex items are arranged. By default, this property is set to row
, resulting in a left-to-right layout in browsers that use English as the default language. You can set it to:
flex-direction: row | column | row-reverse | column-reverse;
Let's consider the next website navigation as an example.
row
index.html
index.css
row-reverse
index.html
index.css
column
Pay attention to the width of the items; they cover the entire width of the parent.
index.html
index.css
column-reverse
index.html
index.css
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Pregunte me preguntas sobre este tema
Resumir este capítulo
Mostrar ejemplos del mundo real
Awesome!
Completion rate improved to 2.5
Setting the Flex Direction for Layouts
Desliza para mostrar el menú
The flex-direction
property enables us to determine the direction in which flex items are arranged. By default, this property is set to row
, resulting in a left-to-right layout in browsers that use English as the default language. You can set it to:
flex-direction: row | column | row-reverse | column-reverse;
Let's consider the next website navigation as an example.
row
index.html
index.css
row-reverse
index.html
index.css
column
Pay attention to the width of the items; they cover the entire width of the parent.
index.html
index.css
column-reverse
index.html
index.css
¡Gracias por tus comentarios!