.el-dialog__wrapper {
display: flex;
padding: 24px; //添加上下间隙,可为任意值
.el-dialog {
margin: auto !important;
}
}
实现原理:
外层el-dialog__wrapper设置flex格式化上下文,盒子内设置了margin:auto的元素在设置对齐方式之前,任何空闲的空间都会分配到该方向(包括垂直、水平方向)的自动margin中;
.el-dialog__wrapper {
display: flex;
padding: 24px; //添加上下间隙,可为任意值
.el-dialog {
margin: auto !important;
}
}
外层el-dialog__wrapper设置flex格式化上下文,盒子内设置了margin:auto的元素在设置对齐方式之前,任何空闲的空间都会分配到该方向(包括垂直、水平方向)的自动margin中;