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. | value | Description |
|---|---|---|
| 1 | space-between | Used to evenly distribute the flex items inside the box. The value for this is space-between. |
| 2 | space-around | Used to evenly distribute the flex items inside the box with half size spaces . The value for this is space-between. |
| 3 | flex-start | Used to move flex items to the start of block. The value for this is flex-start. |
| 4 | flex-end | Used to move flex items to the end of block. The value for this is flex-end. |
| 5 | center | Used to move flex items to the center of block. The value for this is center. |
| 6 | stretch | Used to stretch the flex items to fit the block. The value for this is stretch. |
| 7 | initial | Used to define as the property initial value. |
| 8 | inherit | Used to define the computed value of property on the elements parent. |
| 9 | unset | Used to define the property either acts as inherit or initial, depending on the property if it is inherited or not. |