Vue项目中设置elementUI的el-dialog上下左右居中

.el-dialog {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
 
.el-dialog .el-dialog__body {
    flex: 1;
    overflow: auto;
}

你可能感兴趣的:(vue,vue.js,elementui,前端)