Files
yoga/website/contents/properties/justify-content.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/justify-content Justify Content true

Justify Content

Justify content describes how to align children within the main axis of their container. For example, you can use this property to center a child horizontally within a container with flex direction set to row or vertically within a container with flex direction set to column.

FLEX START (DEFAULT) Align children of a container to the start of the container's main axis.

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

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

SPACE BETWEEN Evenly space of children across the container's main axis, distributing remaining space between the children.

SPACE AROUND Evenly space of children across the container's main axis, distributing remaining space around the children. Compared to space between using Sspace around will result in space being distributed to the beginning of the first child and end of the last child.