align-self Property
person
Overrides align-items for individual flex items
settings
Allows per-item control of cross-axis alignment
auto_fix_high
auto: Inherits from parent's align-items value
format_align_center
Same values as align-items property
format_size
baseline: Aligns text baselines of items
code
align-self Examples
.container {
display: flex;
align-items: center;
}
.special-item {
align-self: flex-start;
}
.stretch-item {
align-self: stretch;
}
view_quilt
Individual Item Alignment
1
flex-start
2
center
3
flex-end
4
stretch
vertical_align_top
flex-start
vertical_align_bottom
flex-end
vertical_align_center
center