align-content - CSS 3
The align-content property modifies the behavior of the flex-wrap property. It is similar to align-items, but
instead of aligning flex items, it aligns flex lines.Tip: Use the justify-content property to align the items on the main-axis (horizontally).Note: There must be multiple lines of items for this property to have any effect.
Syntax
align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;
Example
div
{ width: 70px; height: 300px;
border: 1px solid #c3c3c3; display: -webkit-flex;
display: flex; -webkit-flex-wrap: wrap;
flex-wrap: wrap; -webkit-align-content: center;
align-content: center;}
Output / Return Value
Limitations
Alternatives / See Also
Reference