我正在嘗試將文本設(shè)置在 vuetify 芯片內(nèi)的兩行不同的行中，但我嘗試了幾種不同的方法。即使為文本的每個(gè)部分設(shè)置自己的行，但它似乎仍然在同一行。關(guān)于如何解決它的任何想法？這是一個(gè)樣品筆new Vue({ el: "#app", data() { return {}; }});<link href="https://cdn.jsdelivr.net/npm/vuetify@1.5.14/dist/vuetify.min.css" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" /><script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script><script src="https://cdn.jsdelivr.net/npm/vuetify@1.5.14/dist/vuetify.min.js"></script><div id="app"> <v-app id="inspire"> <v-container> <v-layout> <v-flex xs5> <v-chip close> <v-layout> Hello !! </v-layout> <v-layout> <div> There </div> </v-layout> </v-chip> </v-flex> </v-layout> </v-container> </v-app></div>
1 回答
達(dá)令說
TA貢獻(xiàn)1821條經(jīng)驗(yàn) 獲得超6個(gè)贊
你試過一個(gè)簡單的<br/>標(biāo)簽嗎？
new Vue({
el: "#app",
data() {
return {};
}
});
.v-chip .v-chip__content {
height: auto !important;
}
<link href="https://cdn.jsdelivr.net/npm/vuetify@1.5.14/dist/vuetify.min.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@1.5.14/dist/vuetify.min.js"></script>
<div id="app">
<v-app id="inspire">
<v-container>
<v-layout xs4>
<v-chip close>
Hello !!<br/> There
</v-chip>
</v-layout>
</v-container>
</v-app>
</div>
添加回答
舉報(bào)
0/150
提交
取消