element UI设置dialog在视图居中显示,css设置dialog样式
程序员文章站
2022-06-14 15:22:01
...
element设置dialog在视图居中显示
.el-dialog {
display: flex;
flex-direction: column;
margin: 0 !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: calc(100% - 30px);
max-width: calc(100% - 30px);
}
.el-dialog .el-dialog__body {
flex: 1;
overflow: auto;
}
上一篇: 自定义Dialog UI
下一篇: AJAX简单测试代码实例