Place Self
The Telerik and Kendo UI Place Self Utilities are CSS utility classes that enable you to control how an item will be aligned along both axes.
| Utility Class | CSS Property |
|---|---|
.k-place-self-auto | place-self: auto; |
.k-place-self-normal | place-self: normal; |
.k-place-self-stretch | place-self: stretch; |
.k-place-self-center | place-self: center; |
.k-place-self-start | place-self: start; |
.k-place-self-end | place-self: end; |
.k-place-self-flex-start | place-self: flex-start; |
.k-place-self-flex-end | place-self: flex-end; |
.k-place-self-self-start | place-self: self-start; |
.k-place-self-self-end | place-self: self-end; |
.k-place-self-baseline | place-self: baseline; |
Stretch
Use the k-place-self-stretch utility to stretch the item so that it fills the alignment container along both axes.
Center
Use the k-place-self-center utility to center the item within the alignment container along both axes.
Start
Use the k-place-self-start utility to align the item to the start of the container along both axes.
End
Use the k-place-self-end utility to align the item to the end of the container along both axes.
Baseline
Use the k-place-self-baseline utility to align the item to the baseline of the container along both axes.
