Question

我正在使用vuetify对在线商店页面进行编码。我从Firestore加载产品集合，然后创建列和行以每行显示3张产品卡片。我来自引导程序背景，即使我已经找到了解决该问题的方法，并且已经阅读了vuetify文档，但我仍然在为这个问题而苦苦挣扎：

我希望每一行都由3列（lg =“ 3”）填充，因为我希望左右留有边距。我已经用以下代码做到了这一点：

<v-row v-for="chunk in productChunks" :key="chunk" class="justify-center">
  <v-col cols="12" lg="3" md="12">
  </v-col>
</v-row>

但是，以这种方式，例如，如果我有4种产品，那么第4种产品将居中放置，而不是放在行的左侧（当然是由于对齐中心）。

所以我的问题是：如何在不使用居中居中道具的情况下使居中居中？