el-card 内容超出部分出现滚动条
时间: 2023-08-22 09:06:43 浏览: 1060
如果 el-card 内容超出部分出现滚动条,可以尝试在 el-card 的样式中添加 `overflow: auto;` 属性来实现滚动条的显示。
例如:
```html
<el-card style="width: 300px; height: 200px; overflow: auto;">
<!-- 卡片内容 -->
</el-card>
```
这样,当 el-card 内容超出指定的宽高时,就会出现滚动条。你可以通过设置 width 和 height 属性来调整 el-card 的大小,以适配你的需求。
相关问题
如何让el-form超出高度出现滚动条
要让 `el-form` 超出高度出现滚动条,可以将其外层包裹在一个固定高度的容器中,然后在容器中设置 `overflow: auto` 样式,这样超出容器高度的内容就会出现滚动条。
示例代码如下:
```html
<div style="height: 300px; overflow: auto;">
<el-form>
<!-- el-form 的内容 -->
</el-form>
</div>
```
这样就可以让 `el-form` 超出高度出现滚动条了。
el-card里超出的内容怎么显示
el-card 是一个基于 Element UI 的卡片组件,如果卡片中的内容超出容器的范围,可以通过设置 CSS 属性 `overflow` 为 `auto` 或 `scroll` 来让内容自动显示滚动条,例如:
```
<el-card style="width: 300px; height: 200px; overflow: auto;">
<!-- 卡片内容 -->
</el-card>
```
这样,当卡片中的内容超出 200px 的高度时,会自动显示滚动条,用户可以通过滚动条查看超出的内容。如果设置为 `scroll`,则始终会显示滚动条。
阅读全文