Skip to main content

Class-justify-self

Utilities for controlling how an individual grid item is aligned along its inline axis.

Use the v-just-self-* utilities to control the justify-self of an element. You can use
the feat: custom feature if you want the justify-self to suit your needs.

Table list justify-self​

Class nameProperties
v-just-self-auto justify-self: auto;
v-just-self-center justify-self: center;
v-just-self-start justify-self: start;
v-just-self-end justify-self: end;
v-just-self-stretch justify-self: stretch;

The table above presents several types of justify-selfs with different variants.

Example Code​

index.html
<div class="v-d-flex v-just-self-center">
<div> 1 </div> <div> 2 </div> <div> 3 </div>
</div>