分享一个css绝对定位的绝对好用的居中方法

全屏居中：

.center{

position: fixed;

left: 50%;

top: 50%;

// 解决定位出现的文字模糊和抖动

transform:translate3d(-50%,-50.1%,0) scale(1);
-webkit-font-smoothing: subpixel-antialiased;

}

 

垂直居中：

.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；中也适用。