Vue.js 如何在Vuetify和垂直居中图像中创建等高v形柱？

我似乎无法获得两列相同高度的图像，图像以Vuetify为中心。我什么都试过了，不知道我做错了什么。我希望这张图片能解释我不想实现的目标

下面是一个片段，但它看起来不像我在本地看到的。我认为这并不重要，因为两匹小马的身高也不一样

newvue({
el:“#应用程序”，
vuetify:新的vuetify（），
数据：（）=>({
showPassword:false，
有效：假，
瓦赫特伍德：，
瓦赫特伍德规则：[
v=>！！v | |“Wachtwoord是vereist”，
],
电子邮件：“”，
电子邮件规则：[
v=>！！v | |“电子邮件是最重要的”，
v=>/.++.+\..+/.test（v）| | |“在”中输入geldig电子邮件地址，
]
}),
方法：{
验证（）{
这是。$refs.form.validate（）
},
},
})

因洛根
诺根帐户？梅尔德乌安。

首先，您需要从行中删除

align=“center”

。然后将

contain

属性添加到

v-img

标记，并将列设置为

display:flex

。例如：

    <v-col cols="4" class="grey d-flex lighten-5">
       <v-img contain src="http://www.dpereira.nl/Er/img/banner.png"></v-img>
     </v-col>