Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Vuetify限制网格列表高度_Css_Vue.js_Vuetify.js - Fatal编程技术网

Css Vuetify限制网格列表高度

Css Vuetify限制网格列表高度,css,vue.js,vuetify.js,Css,Vue.js,Vuetify.js,最近,我一直在使用Vuetify框架在Vue.js中开发,遇到了一个无法解决的问题 因此,在一些情况下,我需要使用vuetify在网格中显示一些数据 我看了一下关于它的代码,然后决定在我的一页中的一张V型卡中尝试一下 当我在里面只有几个元素时,比如7/8,网格就不那么高了 但是当组件越来越多时,网格变得太高,它填满了我的可用空间,扩展了我的页面 我不希望我的页面扩展超过屏幕高度 我想,通过在V-card上添加一个简单的style=max height:300px,我可以阻止网格扩展,网格将得到一

最近,我一直在使用Vuetify框架在Vue.js中开发,遇到了一个无法解决的问题

因此,在一些情况下,我需要使用vuetify在网格中显示一些数据

我看了一下关于它的代码,然后决定在我的一页中的一张V型卡中尝试一下

当我在里面只有几个元素时,比如7/8,网格就不那么高了

但是当组件越来越多时,网格变得太高,它填满了我的可用空间,扩展了我的页面 我不希望我的页面扩展超过屏幕高度

我想,通过在V-card上添加一个简单的style=max height:300px,我可以阻止网格扩展,网格将得到一个简单的横向滚动条,但我得到的效果有点不同

卡的高度限制为300px,但内部元件在v卡高度上不断扩展

这是一个例子

我怎样才能得到我想要的结果?谢谢。

只需添加overflow-y:auto;对于要应用最大高度的元素。

只需添加overflow-y:auto;应用最大高度的图元