Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Vuetify按钮未垂直对齐_Css_Vue.js_Vuetify.js - Fatal编程技术网

Css Vuetify按钮未垂直对齐

Css Vuetify按钮未垂直对齐,css,vue.js,vuetify.js,Css,Vue.js,Vuetify.js,我是Vue和Vuetify的新手。我的问题是关于对齐按钮。 我有一个容器,包含一对V文本字段和V组合框,它们集中在容器的中间。 现在我想在这个表单下面有三个按钮,但不管我怎么做,它们都不是垂直对齐的,每个按钮都比其他按钮低。我如何纠正这一点,使它们在顶部对齐 有两个v-col在您创建的模板中无效,删除它们将解决您的问题。。 试试这个 <v-row align="start"> <v-spacer></v-spacer>

我是Vue和Vuetify的新手。我的问题是关于对齐按钮。 我有一个容器,包含一对V文本字段和V组合框,它们集中在容器的中间。

现在我想在这个表单下面有三个按钮,但不管我怎么做,它们都不是垂直对齐的,每个按钮都比其他按钮低。我如何纠正这一点,使它们在顶部对齐



有两个v-col在您创建的模板中无效,删除它们将解决您的问题。。 试试这个

<v-row align="start">
    <v-spacer></v-spacer>
    <v-col align="center" xs="4" >
      <v-btn color="primary"></v-btn>
    </v-col>
    <v-col align="center" xs="4" >
      <v-btn color="primary"></v-btn>
    </v-col>
    <v-col align="center" xs="4">
      <v-btn color="primary"></v-btn>
    </v-col>
    <v-spacer></v-spacer>
  </v-row>