Css Vuetify按钮未垂直对齐
我是Vue和Vuetify的新手。我的问题是关于对齐按钮。 我有一个容器,包含一对V文本字段和V组合框,它们集中在容器的中间。 现在我想在这个表单下面有三个按钮,但不管我怎么做,它们都不是垂直对齐的,每个按钮都比其他按钮低。我如何纠正这一点,使它们在顶部对齐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>
有两个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>