Horizontal and vertical layout
one
two
three
Flexible children
one
two (flex)
three
Flexible children in vertical layouts
one
two (flex)
three
Flex ratios
one
two
three
Cross-axis stretch alignment (default)
stretch
Cross-axis center alignment
center
Cross-axis start alignment
start
Cross-axis end alignment
end
Justification, start justified
start-justified
Justification, center justified
center-justified
Justification, end justified
end-justified
Justification, equal space between elements
justified
justified
justified
Justification, equal space around each element
around-justified
around-justified
Self alignment
one
two
three
four
Wrapping
one
two
three
four
Reversed layouts
one
two
three
four
General purpose rules
Before
[A Span]
After
Before
[A Block Span]
After
Before invisible span
Not displayed
After invisible span
Fit