DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

Markdown redirect frontmatter

Browse Source 
Reviewed By: danielbuechele

Differential Revision: D6987631

fbshipit-source-id: 8b3431fa885fb94d4a87119b5a5199db0b36b20c
This commit is contained in:
Emil Sjölander
2018-02-14 08:42:49 -08:00
committed by Facebook Github Bot
parent 740ef6cd9e
commit 3ec41b656f
24 changed files with 207 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
website/contents/properties/justify-content.md
View File

@@ -6,4 +6,23 @@ hasPlayground: 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.
<controls prop="justifyContent"></controls>