CSS定位居中方案

横向居中：

.container { 
    position: relative; 
} 
.child { 
    position: absolute; 
    left: 50%; 
    transform: translateX(-50%); 
}

水平居中：

.container { 
    position: relative; 
} 
.child { 
    position: absolute; 
    top: 50%; 
    transform: translateY(-50%); 
}

全局居中【水平横向同时居中】：

.container { 
    position: relative; 
} 
.child { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
}