全屏居中：

.center{

position: fixed;
left: 50%;
top: 50%;
transform:translate(-50%,-50%) scale(1);

}

 

垂直居中：

.vertical-center{

position: fixed;
left: 0;
top: 50%;
transform:translate(0%,-50%) scale(1);

}

 

水平居中：

.horizontal-center{

position: fixed;
left: 50%;
top: 0;
transform:translate(-50%,0%) scale(1);

}

注：这个方法在position：absolute；中也适用。