Flexbox: Flex-Items entlang Querachse ausrichten

Flexbox-Container mit `align-items:flex-start`

Kind 1

Kind 2

Kind 3

Kind 4

Kind 5

Flexbox-Container mit `align-items:flex-end`

Kind 1

Kind 2

Kind 3

Kind 4

Kind 5

Flexbox-Container mit `align-items:center`

Kind 1

Kind 2

Kind 3

Kind 4

Kind 5

Flexbox-Container mit `align-items:stretch` (Kind-Elemente haben `height` nicht gesetzt)

Kind 1

Kind 2

Kind 3

Kind 4

Kind 5

Flexbox-Container mit `align-items:baseline`

Kind 1 abc abc abc abc abc abc

Kind 2

Kind 3 abc abc abc

Kind 4

Kind 5 abc abc

Die Baseline ist die Unterkante der ersten Textzeile in jedem Kind-Element (Flex-Item).