Vue.js 使按钮位于屏幕中央 有两个按钮，我想把它们放在中间，但是它总是出现在图片的右边。 我怎样才能解决这个问题

Home.vue：

<template>
  <v-container>
    <v-row>
      <v-col>
        <v-btn
          large
          router
          to="/viewRecipes"
          class="red accent-4 btn-style text-sm-right text-xs-center"
          >Explore Recipes</v-btn
        >
      </v-col>
      <v-col>
        <v-btn
          large
          router
          to="/createrecipe"
          class="red accent-4 btn-style text-sm-right text-xs-center"
          >create Recipes</v-btn
        >
      </v-col>
    </v-row>
  </v-container>
</template>

<style scoped>
.btn-style {
  color: aliceblue;
}
</style>

探索食谱
创造食谱
.btn风格{
颜色：aliceblue；
}

---

你的问题不知怎么搞不清楚，但有两种选择你想实现什么：

在列中居中按钮

探索食谱
创造食谱

将按钮置于页面中央。为此，您需要稍微修改一下布局，并将按钮放在一列中

探索食谱
创造食谱

hi。将class=“text center”添加到v-col，如：它仍然是发现的问题。我想用两个按钮把它放在中间。