我正在使用帶有 vuetify 庫的 vue 來創建頁面。在頁面上,我有可以是我想顯示的任何數字的卡片。我正在使用回圈來顯示所有卡片。但是對齊有問題。所有的卡片都排成一排。如果卡只有幾張也沒關系。對齊看起來很好。但是,如果卡片更像是 10 左右,則頁面看起來會關閉。
<template>
<div >
<v-card
v-for="(cat, index) in cards"
:key="index"
outlined
>
<v-card-actions>
<v-btn @click="getdata(cat._id)" plain>
{{ cat.category }}
</v-btn>
</v-card-actions>
</v-card>
</div>
uj5u.com熱心網友回復:
您應該添加該類flex-wrap
,以便專案在新行中繼續而不是溢位。
// (...)
<div class="d-flex justify-center flex-wrap mb-6 mt-10">
// (...)
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/461775.html
標籤:Vue.js 布局 结盟 Vuetify.js