Как выровнять по центру текст v-select компонентов vuetify

Question

Я использую vuetify выберите компонент .Как выровнять текст по центру вместе с выпадающим списком при vuetify.

Пробовал с text-md-center, но не работает

<v-select
   :items="['Lagna Kundali']"
   label="Rasi" solo
   v-model="firstKundali"
   class="text-md-center"
>

Answer 1

Вы можете исправить это, добавив этот стиль CSS:

.v-select__selection {
    width: 100%;
    justify-content: center;
}

Answer 2

Оберните ваш компонент в сетку .В компоненте v-layout вы можете указать justify-center.Пожалуйста, посмотрите на пример .

<div id="app">
  <v-app id="inspire">
    <v-container>
      <v-layout row wrap justify-center>
        <v-flex xs6>
          <v-select></v-select>
        </v-flex>
      </v-layout>
    </v-container>
  </v-app>
</div>