개발/Vue.js

[Vue.js / Vuetify] v-card 5개 가로로 배치

Monsh 2021. 2. 28. 23:02
반응형
<div style="display: flex">
  <v-card
    v-for="item in itemlist.slice(0, 5)"
    :key="item.itemId"
    height="350px"
    style="margin: 8px; width: 20%"
  >
      <v-card-title v-text="item.name"></v-card-title>
      <v-card-subtitle v-text="item.description"></v-card-subtitle>
  </v-card>
</div>

사실 그냥 flex 쓰면 된다...

반응형