elementui dialog组件固定高度

清阿哥

欢迎来到清哥的小屋 · 记录成长与思考

今日一言

加载中…

—

小屋足迹

小屋已亮灯 1 天

从 2026-07-21 起，一点点堆起的文字与风景。

本站访客 - 总访问 -

82 字

1 分钟

elementui dialog组件固定高度

2021-03-16

css

/

vue.js

/

前端

本文同步自 CSDN · 清阿哥，原文发布于 2021-03-16。

弹窗高度过大，想设置个自适应的高度，固定头尾

1
/deep/.el-dialog {
2
  margin: 5vh auto !important;
3
}
4

5
/deep/ .el-dialog__body {
6
  height: 70vh;
7
  overflow: auto;
8
}

margin，height 可根据实际情况设置大小。
效果图：
在这里插入图片描述
欢迎大家留言交流！

elementui dialog组件固定高度

作者

清阿哥

发布于

2021-03-16

许可协议

评论待开启

评论基于 GitHub Discussions（Giscus）。仓库推送并开启 Discussions 后，在 giscus.app 获取 repoId / categoryId ，填入 src/config.ts 的 giscusConfig 即可。