You are here : cssCSS 3align-content

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