FLEX CONTAINER
(élément parent)
display: flex
display: inline-flex
| flex-direction | flex-wrap | justify-content Axe principal (Main) |
align-items Axe secondaire (Cross) |
align-content | |||
|---|---|---|---|---|---|---|---|
|
row row-reverse column column-reverse |
no-wrap wrap wrap-reverse |
flex-start flex-end center space-between space-around space-evenly |
flex-start flex-end center baseline stretch |
flex-start flex-end center space-between space-around stretch |
|||
| flex-flow | |||||||
| flex-direction + flex-wrap | |||||||
FLEX ITEMS
(élément enfant)
ITEM 1
ITEM 2
ITEM 3
| order | 0 | |
|---|---|---|
| flex-grow | 0 | |
| flex-shrink | 1 | flex : 0 1 auto |
| flex-basis | auto | |
| align-self | auto | |