flex |
display: flex; |
|
inline-flex |
display: inline-flex; |
|
flex-row |
flex-direction: row; |
|
flex-row-reverse |
flex-direction: row-reverse; |
|
flex-col |
flex-direction: column; |
|
flex-col-reverse |
flex-direction: column-reverse; |
|
flex-wrap |
flex-wrap: wrap; |
|
flex-wrap-reverse |
flex-wrap: wrap-reverse; |
|
flex-nowrap |
flex-wrap: nowrap; |
|
items-start |
align-items: flex-start; |
|
items-center |
align-items: center; |
|
items-end |
align-items: flex-end; |
|
items-baseline |
align-items: baseline; |
|
items-stretch |
align-items: stretch; |
|
justify-start |
justify-content: flex-start; |
|
justify-center |
justify-content: center; |
|
justify-end |
justify-content: flex-end; |
|
justify-between |
justify-content: space-between; |
|
justify-around |
justify-content: space-around; |
|
justify-evenly |
justify-content: space-evenly; |
|
content-center |
align-content: center; |
|
content-start |
align-content: flex-start; |
|
content-end |
align-content: flex-end; |
|
content-between |
align-content: space-between; |
|
content-around |
align-content: space-around; |
|
content-evenly |
align-content: space-evenly; |
|
self-auto |
align-self: auto; |
|
self-start |
align-self: flex-start; |
|
self-center |
align-self: center; |
|
self-end |
align-self: flex-end; |
|
self-stretch |
align-self: stretch; |
|
place-items-start |
place-items: start; |
|
place-items-center |
place-items: center; |
|
place-items-end |
place-items: end; |
|
place-items-stretch |
place-items: stretch; |
|
place-content-center |
place-content: center; |
|
place-content-start |
place-content: start; |
|
place-content-end |
place-content: end; |
|
place-content-between |
place-content: space-between; |
|
place-content-around |
place-content: space-around; |
|
place-content-evenly |
place-content: space-evenly; |
|
place-self-auto |
place-self: auto; |
|
place-self-start |
place-self: start; |
|
place-self-center |
place-self: center; |
|
place-self-end |
place-self: end; |
|
place-self-stretch |
place-self: stretch; |
|