vuetify - как центрировать элемент внутри v-col

#html #css #vuetify.js

#HTML #css #vuetify.js

Вопрос:

Я пытался выяснить, как центрировать элемент внутри v-col почти час, но не могу найти правильное решение.

Я пытаюсь центрировать элемент a, помещая justify-content в v-col, но он просто остается там и не перемещается.

 <v-row v-if="hideFullDetail">
    <v-col cols="12" md="9" style="justify-content: center;">
      <a @click="displayFullDetail = !displayFullDetail">view more</a>
    </v-col>
</v-row>

Ответ №1:

text-align: center это свойство, специфичное для данного варианта использования. Работает либо на родительском, либо на самом дочернем элементе, если это элемент уровня блока.

Ответ №2:

Используйте это:

 text-align: center;

(Это не относится конкретно к v-col).

Подробности см. https://www.w3schools.com/cssref/pr_text_text-align.ASP