element-ui 中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;

   }

 

居中的另外一种方式

/* 第三种方式 用了css3的知识 div绝对定位水平垂直居中【Transforms 变形】 IE8不支持*/  
/*绝对定位  left top各50%  最后用css3的知识    transform: translate(-50%, -50%);*/

div {

       width: 200px;

       height: 200px;

       background: green;

       position: absolute;

       left: 50%;

       top: 50%;

       transform: translate(-50%, -50%);

}