elmentui 使对话框在页面中上下左右居中，高度过高内部出现滚动条

最新推荐文章于 2023-10-09 15:43:48 发布

图拉呀

最新推荐文章于 2023-10-09 15:43:48 发布

阅读量672

点赞数

分类专栏： vue element ui ui 文章标签： css javascript css3

本文链接：https://blog.csdn.net/u010328533/article/details/126580745

版权

vue 同时被 3 个专栏收录

16 篇文章 0 订阅

订阅专栏

element ui

4 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

效果如图
![在这里插入图片描述](https://img-blog.csdnimg.cn/5209ec9e9b1a4f00b0
代码：

.el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: calc(100% -  150px);
  max-width: calc(100% - 300px);
  transform: translate(-50%, -50%);
}

 .el-dialog .el-dialog__body {
  flex: 1;
  overflow-y: auto;
}