flex |
Applies display: flex; to element |
inline-flex |
Applies display: inline-flex; to element |
flex-wrap |
Applies flex-wrap: wrap; to element |
flex-nowrap |
Applies flex-wrap: nowrap; to element |
flex-row |
Applies flex-direction: row; to element |
flex-column |
Applies flex-direction: column; to element |
flex-1 |
Applies flex: 1 1 0px; to element (Note: 0px used for IE support) |
flex-auto |
Applies flex: auto; to element. Equal to flex: 1 1 auto; as per the spec. |
flex-none |
Applies flex: none; to element. Equal to flex: 0 0 auto; as per the spec. |
flex-1-1-auto |
Applies flex: 1 1 auto; to element |
flex-1-0-auto |
Applies flex: 1 0 auto; to element |
flex-0-1-auto |
Applies flex: 0 1 auto; to element |
flex-0-0-auto |
Applies flex: 0 0 auto; to element |
justify-content-flex-start |
Applies justify-content: flex-start; to element |
justify-content-flex-end |
Applies justify-content: flex-end; to element |
justify-content-center |
Applies justify-content: center; to element |
justify-content-space-between |
Applies justify-content: space-between; to element |
justify-content-space-around |
Applies justify-content: space-around; to element |
align-content-flex-start |
Applies align-content: flex-start; to element |
align-content-flex-end |
Applies align-content: flex-end; to element |
align-content-center |
Applies align-content: center; to element |
align-content-space-between |
Applies align-content: space-between; to element |
align-content-space-around |
Applies align-content: space-around; to element |
align-content-stretch |
Applies align-content: stretch; to element |
align-items-flex-start |
Applies align-items: flex-start; to element |
align-items-flex-end |
Applies align-items: flex-end; to element |
align-items-center |
Applies align-items: center; to element |
align-items-baseline |
Applies align-items: baseline; to element |
align-items-stretch |
Applies align-items: stretch; to element |
align-self-flex-start |
Applies align-self: flex-start; to element |
align-self-flex-end |
Applies align-self: flex-end; to element |
align-self-center |
Applies align-self: center; to element |
align-self-baseline |
Applies align-self: baseline; to element |
align-self-stretch |
Applies align-self: stretch; to element |