vuetify组件v-select的文本如何居中对齐

Question

我正在使用Vuetify 选择组件。如何在 vuetify 上将文本与下拉菜单居中对齐？

尝试使用 text-md-center 但这不起作用

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

Answer 1

适用于 vuetify v2 之前的版本

将您的组件包装在网格系统中。在 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>