记一下绝对定位下的各种居中问题（水平居中或垂直居中）

小程序交流群：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