align-items Property
vertical_distribute
Aligns flex items along the cross axis
vertical_align_top
stretch: Items stretch to fill container (default)
vertical_align_center
center: Items centered along cross axis
format_align_left
flex-start: Items aligned to start of cross axis
format_align_right
flex-end: Items aligned to end of cross axis
format_size
baseline: Items aligned by text baselines
code
align-items Examples
.container {
display: flex;
align-items: center;
}
.baseline-container {
display: flex;
align-items: baseline;
}