微信小程序绝对布局实现居中效果

当position设为absolute的时候，有三种方式可以实现居中效果
1. 已知view的宽高，通过设置left、top以及margin属性来实现

.testClass{}
  width: 200rpx;
  height: 200rpx;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100rpx;
  margin-top: -100rpx;
}

2. 已知view的宽高，通过设置left、top属性来实现

.testClass{
  width: 200rpx;
  height: 200rpx;
  position: absolute;
  left: calc(50% - 100rpx);
  top: calc(50% - 100rpx);
}

3. 不知道view的宽高，通过设置left、top以及transform属性来实现

.testClass{
  width: 200rpx;
  height: 200rpx;
  position: absolute;
  left: 50%;
  top: 50%;
  transform:translate3d(-50%,-50%,0);
}