给el-card设置高为自动,当内部有元素时可以自动撑高,但是最大只能到60vh,超过60vh,内部元素设置overflow:auto
时间: 2023-10-04 22:04:45 浏览: 954
基于制造特征的三轴高速铣削数控自动编程技术-数控专业毕业设计论文.doc
可以通过设置 CSS 属性 `max-height` 来限制 `el-card` 的最大高度为 `60vh`,同时在内部元素中添加 `overflow:auto` 实现滚动条的出现。示例代码如下:
```css
.el-card {
max-height: 60vh;
}
.el-card__body {
overflow: auto;
}
```
这样当 `el-card` 内部的元素高度超过了 `60vh`,就会出现滚动条,否则 `el-card` 的高度会自适应内部元素的高度。注意需要将 `overflow` 属性设置在 `el-card__body` 上,而不是直接在 `el-card` 上设置。
阅读全文