【问题处理】Element UI 弹窗样式优化

问题现象

当弹窗内容过长时,滚动条不是出现在弹窗的边框上,而是出现在浏览器的最右侧,并且如果设置了弹窗高度,那么弹窗内容还会溢出弹窗
弹窗问题样式

解决方案

添加如下CSS样式,来优化弹窗滚动条的显示

1
2
3
4
5
6
7
.el-dialog {
display: flex;
flex-direction: column;
}
.el-dialog > .el-dialog__body {
overflow: auto;
}

优化后的样式效果
弹窗问题样式

参考

https://www.jianshu.com/p/a3eb60b75b92


评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×