JustifyContent

Main axis alignment enumeration

Defines how flex items are aligned and spaced along the main axis. This corresponds to the CSS justify-content property.

Example

import { Style, JustifyContent } from "taffy-layout";

const style = new Style();
style.justifyContent = JustifyContent.Center; // Center items
style.justifyContent = JustifyContent.SpaceBetween; // Distribute evenly

Enumeration Members

Enumeration Member	Value	Description
`Center`	`4`	Items centered along the main axis
`End`	`1`	Items packed toward the end of the main axis
`FlexEnd`	`3`	Items packed toward the end of the flex container
`FlexStart`	`2`	Items packed toward the start of the flex container
`SafeCenter`	`13`	Safe center alignment that avoids start-edge overflow
`SafeEnd`	`10`	Safe end alignment that avoids start-edge overflow
`SafeFlexEnd`	`12`	Safe flex-end alignment that avoids start-edge overflow
`SafeFlexStart`	`11`	Safe flex-start alignment that avoids start-edge overflow
`SafeStart`	`9`	Safe start alignment that avoids start-edge overflow
`SpaceAround`	`7`	Items evenly distributed with equal space around each
`SpaceBetween`	`6`	Items evenly distributed with first/last at edges
`SpaceEvenly`	`8`	Items evenly distributed with equal space between each
`Start`	`0`	Items packed toward the start of the main axis
`Stretch`	`5`	Items stretched along the main axis