Css Vuetify v卡的拼图般贴合（砖石布局）

我的页面上有6张或更多的v形卡

有没有一种方法可以像拼图一样适合他们？我想删除第一行和第二行上的小v卡之间的空白

现在是这样的：

Vuetify API无法（目前）解决此问题。 相关Github

功能要求：


通过mashion.js解决方案
使用Javascript插件。比如说

代码笔演示：

圬工.js和vuetify网格-代码片段


卡1
以下是自1500年代以来使用的Lorem Ipsum的标准块，供感兴趣的人参考。拉克姆。三列之一
以下是自1500年代以来使用的Lorem Ipsum的标准块，供感兴趣的人参考。拉克姆。
卡2
其中一个是自16世纪以来使用的标准Lorem Ipsum
卡片3
下面为感兴趣的人复制自16世纪以来使用的Lorem Ipsum。拉克姆。
卡4
以下是自1500年代以来使用的Lorem Ipsum的标准块，供感兴趣的人参考。拉克姆。
新Vue({
el:“#应用程序”，
vuetify:新的vuetify（），
挂载：函数（）{
//仅在
//整个视图已渲染
var msnry=新砌体（“.Mashiness”{
//选择权
项目选择器：“[class*='col-']”，
});
}
})
Vuetify API无法解决这个问题。
相关Github
功能要求：


通过mashion.js解决方案
使用Javascript插件。比如说

代码笔演示：

圬工.js和vuetify网格-代码片段


卡1
以下是自1500年代以来使用的Lorem Ipsum的标准块，供感兴趣的人参考。拉克姆。三列之一
以下是自1500年代以来使用的Lorem Ipsum的标准块，供感兴趣的人参考。拉克姆。
卡2
其中一个是自16世纪以来使用的标准Lorem Ipsum
卡片3
下面为感兴趣的人复制自16世纪以来使用的Lorem Ipsum。拉克姆。
卡4
以下是自1500年代以来使用的Lorem Ipsum的标准块，供感兴趣的人参考。拉克姆。
新Vue({
el:“#应用程序”，
vuetify:新的vuetify（），
挂载：函数（）{
//仅在
//整个视图已渲染
var msnry=新砌体（“.Mashiness”{
//选择权
项目选择器：“[class*='col-']”，
});
}
})
如果您使用的是VueJs和Vuetify，请尝试使用。使用vue masony，您所需要做的就是
v-row
和
v-col
，而不是
div


...
如果您使用的是VueJs和Vuetify，请尝试使用。使用vue masony，您所需要做的就是
v-row
和
v-col
，而不是
div


...
对于第3步，更好地使用：mounted（）{new massy（document.querySelector（'.massy'），{//options itemSelector:“.child”，}）对于第3步，更好地使用：mounted（）{new massy（document.querySelector（'.massy'），{//options itemSelector:“.child”，}）