微信小程序中如何让子view在view区域中水平垂直居中

<view class="login">

  <view>点击确定可自动登录</view>

</view>

 

 

.login{

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

  position: absolute; 

}