Comment régler la hauteur de vuetify carte
J'essaie d'ajouter une carte avec vue et vuetify qui va prendre de l'espace dans mon conteneur à l'aide de v-flex pour créer une horizontale de la carte qui agit de la même façon à la verticale. J'ai tenté d'ajouter de la hauteur du style de 100%, à l'aide de remplissage de la hauteur, de l'enfant-flex, etc, mais je ne peux pas obtenir la taille de la carte pour remplir le récipient. Quelle est la bonne façon de régler la hauteur?
ref: https://vuetifyjs.com/en/components/cards
<div id="app">
<v-app id="inspire">
<v-toolbar color="green" dark fixed app>
<v-toolbar-title>My Application</v-toolbar-title>
</v-toolbar>
<v-content >
<v-container fluid fill-height >
<v-layout
justify-center
align-center
>
<v-flex text-xs-center >
<v-card class="elevation-20" >
<v-toolbar dark color="primary">
<v-toolbar-title>I want this to take up the whole space with slight padding</v-toolbar-title>
<v-spacer></v-spacer>
</v-toolbar>
<v-card-text>
</v-card-text>
</v-card>
</v-flex>
</v-layout>
</v-container>
</v-content>
<v-footer color="green" app inset>
<span class="white--text">© 2018</span>
</v-footer>
</v-app>
</div>
exemple: https://codepen.io/anon/pen/LmVJKx
- comme ceci codepen?
- C'est un peu la fin de commentaire, mais j'ai eu le même problème lorsque j'ai besoin d'ajouter overflow:hidden à la carte et carte-texte
Vous devez vous connecter pour publier un commentaire.
Vuetify dit pour hauteur accessoires: définir Manuellement la hauteur de la carte
Donc,en v-élément de la carte ajouter de la hauteur comme suit:
Le voir en action
Je ne sais pas si vous avez pu résoudre votre problème... Mais pour votre cas, vous pouvez voir une solution à ce problème ici: https://codepen.io/carlos-henreis/pen/djaQKb
vous pouvez essayer d'ajouter de la hauteur de 100% pour chaque enfant-élément du conteneur.
Il fixe la hauteur et ajouter de défilement verticale