記一下絕對定位下的各種居中問題（水準居中或垂直居中）

小程式交流群：609690978

平時碰到的問題基本上都是要求垂直且水準居中，這裡我就不介紹絕對定位下的垂直且水準居中的方式了，百度一下多的很。

今天碰到的問題是，一個導航欄的傳回按鈕（由于是vant的元件，不是flex布局，懶得修改父級元素的樣式，又要相容 各種分辨率），居左且垂直居中，百度了一下，全是水準且垂直居中，很煩，還是自己寫吧，偷懶查百度的功夫自己都搞完了。

1.垂直居中且左對齊

.div{
	position: absolute;
    bottom: 50%;
    left: 0;
    transform: translate(50%, 50%);
}
           

2.垂直居中且右對齊

.div{
	position: absolute;
    bottom: 50%;
    right: 0;
    transform: translate(50%, 50%);
}
           

3.水準居中且置底

.div{
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(50%, 50%);
}
           

4.水準居中且置頂

.div{
	position: absolute;
    top: 0;
    left: 50%;
    transform: translate(50%, 50%);
}
           

5.垂直水準居中

.div{
	position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(50%, 50%);
}
           

其實大同小異對吧，你要哪個居中，就改對應的屬性為50%就好了；簡單明了

小程式交流群：609690978