Files
yoga/website/contents/properties/align-items.md
Emil Sjölander bba81781af Copy review
Reviewed By: danielbuechele

Differential Revision: D7009457

fbshipit-source-id: d5053751a2bde369a65a740c03ace5bbd2eec02f
2018-02-16 07:22:05 -08:00

1.1 KiB

path, title, hasPlayground
path title hasPlayground
docs/align-items Align Items / Self true

Align Items

Align items describes how to align children along the cross axis of their container. Align items is very similar to justify content but instead of applying to the main axis, align items applies to the cross axis.

STRETCH (DEFAULT) Stretch children of a container to match the height of the container's cross axis.

FLEX START Align children of a container to the start of the container's cross axis.

FLEX END Align children of a container to the end of the container's cross axis.

CENTER Align children of a container in the center of the container's cross axis.

Align Self

Align self has the same options and effect as align items but instead of affecting the children within a container, you can apply this property to a single child to change its alignment within its parent. align self overrides any option set by the parent with align items.