Align Items
Control alignment of items along the cross axis.
The alignItems property defines the default behavior for how flexible items are laid out along the cross axis on the current line. Think of it as the justifyContent for the cross axis (perpendicular to the main axis).
Values
| Value | Description |
|---|---|
Stretch | Default. Items stretch to fill the container's cross size (respecting min/max constraints). |
FlexStart | Items align to the start edge of the cross axis. |
FlexEnd | Items align to the end edge of the cross axis. |
Center | Items align in the center of the cross axis. |
Baseline | Items align based on their text baseline. |
Example
Loading Preview…