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%);
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM