DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity
Files
3ec41b656ff7393240859d59edd1d7555b2c57dc
yoga/website/contents/properties/justify-content.md
Emil Sjölander 3ec41b656f Markdown redirect frontmatter 
Reviewed By: danielbuechele

Differential Revision: D6987631

fbshipit-source-id: 8b3431fa885fb94d4a87119b5a5199db0b36b20c
2018-02-14 08:49:37 -08:00

1.1 KiB
Raw Blame History

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, distrubuting remaining space between the children.

SPACE AROUND Evenly space of children across the container's main axis, distrubuting remaining space around the children. Compared to Space Between using Space Around will result in space being distributed to the begining of the first child and end of the last child.