vuetify-如何在v-col中居中放置元素

Question

我一直在努力寻找如何在v-col中将元素居中近一个小时 我找不到正确的解决方案。

我试图通过将正当内容放在v-col中来使元素居中，但它只会留下 在那里，不会动弹。

<v-row v-if="hideFullDetail">
    <v-col cols="12" md="9" style="justify-content: center;">
      <a @click="displayFullDetail = !displayFullDetail">view more</a>
    </v-col>
</v-row>

Answer 1

使用此：

text-align: center;

（这不特定于v-col）。

有关详细信息，请参见https://www.w3schools.com/cssref/pr_text_text-align.ASP

Answer 2

text-align: center是特定于此用例的属性。如果是块级元素，则对父项或子项本身起作用。