博客

笔记：Element UI Dialog弹框 水平垂直居中

  • Post author:
  • Post category:其他


需求：element dialog 默认不是水平居中的 需要改为水平垂直居中

方法一：

全局设置

在App.vue中添加代码👇 

/* 全局设置 element ui dialog水平垂直居中 */
.el-dialog {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0px !important;
}

方法二：

局部

在当前组件内有效👇 


/deep/ .el-dialog {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0px !important;
}


版权声明：本文为sky8880原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。