DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity
Files
6b7bf382f3bada46ff355dbda6409cc882336698
yoga/website/contents/properties/justify-content.md
MoOx 6b7bf382f3 Add "space-evenly" to justify-content documentation and adjusts others 
I wanted to add missing docs for space-evenly, so I simply opened css specs https://drafts.csswg.org/css-align-3/.
While I was on it, I tried to simplify space-around description to not have to compare each space-* to each others.
Finally, I adjusted flex-* and center by just ripping css specs like I did for the other desc.

Feel free to reject some parts of this update. I think some other pages needs the same update.
2019-01-30 17:17:41 +01:00

1.6 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) Aligns the children to be flush with the edge of the parent corresponding to the flex container’s main-start or cross-start side, as appropriate.

FLEX END Aligns the children to be flush with the edge of the parent corresponding to the flex container’s main-end or cross-end side, as appropriate.

CENTER Centers the children within its parent.

SPACE BETWEEN The children are evenly distributed in the parent. The first child is placed flush with the start edge of the parent, the last child is placed flush with the end edge of the parent, and the remaining children are distributed so that the spacing between any two adjacent children is the same.

SPACE AROUND The children are evenly distributed in the parent, with a half-size space on either end. The children are distributed so that the spacing between any two adjacent children is the same, and the spacing before the first and after the last child is half the size of the other spacing..

SPACE EVENLY The children are evenly distributed in the parent, with a full-size space on either end. The children are distributed so that the spacing between any two adjacent children, before the first child, and after the last child is the same.