Flex-Direction Property Explained with Code Examples Flexbox CSS Tutorial

Publié le: 27 mai 2017
sur la chaîne: Java made Simple

654

Flexbox CSS Tutorial: Flex-Direction Property with Code Examples - In this Flexbox CSS Tutorial, I will show you a code example that demonstrates what happens when you set the flex-direction property of the flex container to different values.

The flex-direction property can be set to row, row-reverse, column, or column-reverse. Flex-direction sets the direction of the main axis either horizontal or vertical and specifies how flex items will be laid out.

Flex-direction set to row has a horizontal main axis going from left to right.
Flex-direction set to row-reverse has a horizontal main axis going from right to left.
Flex-direction set to column has a vertical axis going from top to bottom.
Flex-direction set to column-reverse has a vertical axis going from bottom to top.

Thank you for watching this Flexbox tutorial, and please subscribe to Bootstrap CSS Girl.

CSS Flexbox Tutorials Playlist: • CSS Flexbox Tutorials for Beginners P...

Sur cette page du site, vous pouvez voir la vidéo en ligne Flex-Direction Property Explained with Code Examples Flexbox CSS Tutorial durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Java made Simple 27 mai 2017, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 654 fois et il a aimé 15 téléspectateurs. Bon visionnage!