Align Content
The Telerik and Kendo UI Align Content Utilities are CSS classes that enable you to control how the element's children will be aligned along the cross axis.
| Utility Class | CSS Property |
|---|---|
.k-align-content-evenly | align-content: space-evenly; |
.k-align-content-normal | align-content: normal; |
.k-align-content-stretch | align-content: stretch; |
.k-align-content-center | align-content: center; |
.k-align-content-start | align-content: start; |
.k-align-content-end | align-content: end; |
.k-align-content-flex-start | align-content: flex-start; |
.k-align-content-flex-end | align-content: flex-end; |
.k-align-content-baseline | align-content: baseline; |
.k-align-content-first-baseline | align-content: first baseline; |
.k-align-content-last-baseline | align-content: last baseline; |
.k-align-content-between | align-content: space-between; |
.k-align-content-around | align-content: space-around; |
Stretch
Use the k-align-content-stretch utility to stretch the items equally within the entire container along the cross axis.
Center
Use the k-align-content-center utility to align the items in the center of the container along the cross axis.
Start
Use the k-align-content-start utility to align the items in the center of the container along the cross axis.
End
Use the k-align-content-end utility align the items in the center of the container along the cross axis.
Normal
Use the k-align-content-normal utility to align the items at their default positions when no align-content value is set.
Space Between
Use the k-align-content-between utility to distribute the items with an equal space between them within the container along the cross axis.
Space Around
Use the k-align-content-around utility to distribute the items with an equal space around them within the container along the cross axis.
Space Evenly
Use the k-align-content-evenly utility to distribute items with an equal space between them within the container along the cross axis. The same space appears before the first and after the last item.
