justify-content

The justify-content property aligns flex items along the main axis.

Formal Syntax

normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]

Initial value

normal

Applies to

multicol containers, flex containers, and grid containers

Inherited

no

Percentages

n/a

Computed value

specified keyword(s)

Animation type

discrete

See specification

JavaScript Access

// Access via element.style
element.style.justifyContent = 'normal';