el-dialog display

el-dialog的display属性可以通过CSS样式来控制。根据提供的引用内容，有两种方法可以实现el-dialog的垂直居中显示。第一种方法是使用element-ui的属性和CSS样式，如引用所示。你可以将以下代码复制到你的项目中，以实现el-dialog的垂直居中显示：

::v-deep .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);
}

::v-deep .el-dialog .el-dialog__body {
  flex: 1;
  overflow: auto;
}

另外一种方法是使用CSS样式，如引用所示。你可以将以下代码应用于你的项目中的el-dialog元素，以实现垂直居中显示：

.g-dialog-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  width: 405px;
  background-color: #ffffff;
  height: 226px;
  ...
}