align-content

The align-content property aligns flex container's lines within the flex container when there is extra space.

Formal Syntax

normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>

Initial value

normal

Applies to

block containers, 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.alignContent = 'normal';