Align Self
The Telerik and Kendo UI Align Self Utilities are CSS utility classes that enable you to control how the item is aligned along the cross axis.
| Utility Class | CSS Property |
|---|---|
.k-align-self-auto | align-self: auto; |
.k-align-self-normal | align-self: normal; |
.k-align-self-stretch | align-self: stretch; |
.k-align-self-center | align-self: center; |
.k-align-self-start | align-self: start; |
.k-align-self-end | align-self: end; |
.k-align-self-flex-start | align-self: flex-start; |
.k-align-self-flex-end | align-self: flex-end; |
.k-align-self-baseline | align-self: baseline; |
.k-align-self-first-baseline | align-self: first baseline; |
.k-align-self-last-baseline | align-self: last baseline; |
.k-align-self-self-start | align-self: self-start; |
.k-align-self-self-end | align-self: self-end; |
Stretch
Use the k-align-self-stretch utility to stretch the item to fill the alignment container along the cross axis.
Center
Use the k-align-self-center utility to center the item within the alignment container along the cross axis.
Start
Use the k-align-self-start utility to align the item to the start of the container along the cross axis.
End
Use the k-align-self-end utility to align the item to the end of the container along the cross axis.
Baseline
Use the k-align-self-baseline utility to align the item to the baseline of the container along the cross axis.
