🦓 【Vuetify】高さの異なるv-cardのv-card-actionsを最下部に配置させる方法
作成日: 2021/03/22
0
  • v-cardには以下のCSSを指定
.card-outter {
  position: relative;
  padding-bottom: 50px;
}
  • v-card-actionsには以下のCSSを指定
.card-actions {
  position: absolute;
  bottom: 0;
}

参考記事:https://stackoverflow.com/questions/56703740/how-to-bottom-align-button-in-card-irrespective-of-the-text-in-vuetify

engineer/JavaScript/TypeScript/Vue/Nuxt🦒
スポンサーリンク