element-ui 中dialog居中

时间：2019-12-05 22:54:55 阅读：1043 评论：0 收藏：0 [点我收藏+]

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

原文：https://www.cnblogs.com/IwishIcould/p/11992376.html

踩

(0)

评论一句话评论（0）

分享档案

更多>