The JustifyContent property describes how to align children within the main axis of a container. For example, you can use this property to center a child horizontally within a container with FlexDirection = Row or vertically within a container with FlexDirection = Column.

JustifyContent accepts 1 of the following 5 options:

  • FlexStart (default)
  • FlexEnd
  • Center
  • SpaceBetween
  • SpaceAround

JustifyContent = FlexStart

JustifyContent = FlexEnd

JustifyContent = Center

JustifyContent = SpaceBetween

JustifyContent = SpaceAround