Copy review

Reviewed By: danielbuechele

Differential Revision: D7009457

fbshipit-source-id: d5053751a2bde369a65a740c03ace5bbd2eec02f
This commit is contained in:
Emil Sjölander
2018-02-16 06:41:54 -08:00
committed by Facebook Github Bot
parent 0c74a72fac
commit bba81781af
9 changed files with 74 additions and 79 deletions

View File

@@ -7,7 +7,23 @@ initialPlayground: eyJ3aWR0aCI6NTAwLCJoZWlnaHQiOjUwMCwiYWxpZ25Db250ZW50IjoxLCJmb
## Align Content
The property defines the distribution of lines along the cross-axis. This only
has effect when items are wrapped to multiple lines (see [flexWrap](flex-wrap)).
Align content defines the distribution of lines along the cross-axis. This only
has effect when items are wrapped to multiple lines using [`flex wrap`](flex-wrap).
**FLEX START (DEFAULT)** Align wrapped lines to the start of the container's cross axis.
**FLEX END** Align wrapped lines to the end of the container's cross axis.
**STRETCH** Stretch wrapped lines to match the `height` of the container's cross axis.
**CENTER** Align wrapped lines in the center of the container's cross axis.
**SPACE BETWEEN** Evenly space wrapped lines across the container's main axis, distributing
remaining space between the lines.
**SPACE AROUND** Evenly space wrapped lines across the container's main axis, distributing
remaining space around the lines. Compared to `space between` using
`space around` will result in space being distributed to the begining of
the first lines and end of the last line.
<controls prop="alignContent"></controls>