Javascript 如何将所有瓷砖设置为特定宽度而不使用；md/sm“；在Vuetify？ {{item.name}

我想将所有平铺设置为一定的宽度，而不使用

md=“3”

或

sm=“4”

等等。
当我测试上述代码时，浏览器显示如下结果：

但是，我想将第16个磁贴设置为与其他磁贴相同的宽度，如下所示：

我不想使用

md

或

sm

，因为我想分别设置瓷砖的宽度和高度。
如何将所有平铺设置为特定宽度，包括最后一个

下面是示例代码：

---

我不认为您可以使用

v-col

道具实现这一点，我也不建议覆盖默认样式，但您可以通过简单的CSS规则实现所需的行为：

<v-row no-gutters>
  <v-col class="item" v-for="(item, index) in items" :key="index">
    <div class="pa-3" style="width: 120px; height: 200px">
      {{ item.name }}
    </div>
  </v-col>
</v-row>

或者你可以做出更具响应性的：

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,120px)
}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,120px)
}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr))
}