このページの翻訳はまだありません。英語版を表示しています。

AlignContent

Multi-line content alignment enumeration

Controls the distribution of space between and around content items along the cross axis in a multi-line flex container. This corresponds to the CSS align-content property.

Note: This property only has effect when flex-wrap is set to Wrap or WrapReverse.

Example

import { Style, AlignContent, FlexWrap } from "taffy-layout";

const style = new Style();
style.flexWrap = FlexWrap.Wrap;
style.alignContent = AlignContent.SpaceBetween; // Distribute lines evenly

Enumeration Members

Enumeration Member	Value	Description
`Center`	`4`	Lines centered within the container
`End`	`1`	Lines packed toward the end of the cross axis
`FlexEnd`	`3`	Lines packed toward the end of the flex container
`FlexStart`	`2`	Lines packed toward the start of the flex container
`SpaceAround`	`7`	Lines evenly distributed with equal space around each
`SpaceBetween`	`6`	Lines evenly distributed with first/last at edges
`SpaceEvenly`	`8`	Lines evenly distributed with equal space between each
`Start`	`0`	Lines packed toward the start of the cross axis
`Stretch`	`5`	Lines stretched to fill the container