Vuetify v-card 适合 v-col 中可能的所有高度
P粉692052513
P粉692052513 2024-04-06 10:29:26
[Vue.js讨论组]

我正在使用 vue 和 vuetify 构建一个登录/注册页面。 我将代码放在下面(文本是意大利语,因为我是意大利语,但你可以明白这一点):


        
          
            
              Login
            

            
              
                
                  

                  

                  
                    Accedi
                  
                
              
            
          
        
        
          
            
              Registrazione
            

            
            
              
Vuoi accedere al sito ma non sei registrato? Clicca qui sotto per farlo subito!

Registrati

如果您尝试此操作,您将看到“注册”(注册)卡的高度比登录卡低。有没有办法(最好使用CSS,但如果没有JS)使高度与登录卡相同,以便它们看起来更好?

谢谢!祝你有美好的一天!

P粉692052513
P粉692052513

全部回复(1)
P粉908138620

检查我制作的这个codesandbox:https: //codesandbox.io/s/stack-70836234-11sck?file=/src/components/CardHeight.vue

v-row 中删除 align="center"。然后只需将 css height:100% 添加到您的 v-card

更新: 要仅在移动视图上为 v-card 设置固定高度,可以使用 vuetify 的显示断点,在本例中,我将它们应用于 style 属性,但您可以将其与任何 html 属性和任何带有 js 的地方一起使用。



...

...
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号