Sometimes, we want to center content vertically on Vuetify.
In this article, we’ll look at how to center content vertically on Vuetify.
How to center content vertically on Vuetify?
To center content vertically on Vuetify, we can use the align and justify props.
For instance, we write
<template>
<v-container fill-height fluid>
<v-row align="center" justify="center">
<v-col></v-col>
</v-row>
</v-container>
</template>
to set the align and justify props to set the align-items and justify-content CSS properties respectivelt on the v-row.
Since align is set to center, the content should be vertically centered.
Conclusion
To center content vertically on Vuetify, we can use the align and justify props.
