Je suis en train de créer une page de connexion/inscription en utilisant vue et vuetify. Je mets le code ci-dessous (le texte est en italien car je suis italien, mais vous voyez l'idée) :
Login Accedi Registrazione Vuoi accedere al sito ma non sei registrato? Clicca qui sotto per farlo subito!
Registrati
Si vous essayez ceci, vous verrez que la carte « d'enregistrement » (enregistrement) est plus basse en hauteur que la carte de connexion. Existe-t-il un moyen (de préférence avec CSS, mais sans JS) de rendre la hauteur identique à celle des cartes de connexion afin qu'elles soient plus belles ?
Merci ! Passe une bonne journée!
Découvrez ce codesandbox que j'ai créé :https://codesandbox.io/s/stack-70836234-11sck?file=/src/components/CardHeight.vue
De
v-row
中删除align="center"
。然后只需将 cssheight:100%
添加到您的v-card
Mise à jour :Pour utiliser l'attribut
v-card
设置固定高度,可以使用vuetify 的显示断点,在本例中,我将它们应用于style
uniquement sur les vues mobiles, mais vous pouvez l'utiliser avec n'importe quel attribut html et n'importe où avec js.