Align Self
Utilities for controlling how an individual flex item is positioned along its container's cross axis.
Class | Properties |
---|---|
self-auto | alignSelf: 'auto' |
self-start | alignSelf: 'flex-start' |
self-center | alignSelf: 'center' |
self-end | alignSelf: 'flex-end' |
self-stretch | alignSelf: 'stretch' |
Usage
Use self-{alignment}
to align an item based on the value of the flex container's align-items property.