CSS align content

CSS align content is used to define the alignment of box items.

This property aligns the flex line within a multi-line flex container if there is extra space available.


Syntax

Output


CSS align content values list

Sr. No.valueDescription
1space-betweenUsed to evenly distribute the flex items inside the box. The value for this is space-between.
2space-aroundUsed to evenly distribute the flex items inside the box with half size spaces . The value for this is space-between.
3flex-startUsed to move flex items to the start of block. The value for this is flex-start.
4flex-endUsed to move flex items to the end of block. The value for this is flex-end.
5centerUsed to move flex items to the center of block. The value for this is center.
6stretchUsed to stretch the flex items to fit the block. The value for this is stretch.
7initialUsed to define as the property initial value.
8inheritUsed to define the computed value of property on the elements parent.
9unsetUsed to define the property either acts as inherit or initial, depending on the property if it is inherited or not.

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.