如何在<v-flex auto =“”>中为卡片创建相同的宽度和高度

Question

我要整理所有卡片大小必须相等的卡片。

这是我做过的示例：https://codepen.io/creativiousa/pen/BErpPb

我已尝试将代码更改为<v-card height='100%'> </v-card>，但仍无法按预期查看。

https://codepen.io/creativiousa/pen/BErpPb在这里是我完成的代码。

<v-flex auto v-for="n in 12"
              :key="n">

结果必须是这样的：Image Sample That I Want It To Be 该卡的高度和宽度必须与前一张卡相同。

Answer 1

只需添加class="px-0"即可。我认为它将为您工作。希望对您有所帮助。

<v-flex auto class="px-0" v-for="n in 12"
              :key="n">

请检查codepen链接

有关vutify布局的详细信息，请参考。

谢谢