CSS: The Missing Manual

Note: Note: Building on the previous example, if the flex container property is set to column, the result will be:

align-items: flex-start

A flex item columnnowrap

Another flex item columnnowrap

A third flex item columnnowrap

align-items: flex-end

A flex item columnnowrap

Another flex item columnnowrap

A third flex item columnnowrap

align-items: center

A flex item columnnowrap

Another flex item columnnowrap

A third flex item columnnowrap

align-items: baseline

A flex item columnnowrap

Another flex item columnnowrap

A third flex item columnnowrap

align-items: stretch

A flex item columnnowrap

Another flex item columnnowrap

A third flex item columnnowrap

align-items: safe center

A flex item columnnowrap

Another flex item columnnowrap

A third flex item columnnowrap