微信小程序的view标签中text如何居中？

微信小程序的view标签中text如何居中？

一个常见的问题，我们在view中加入text。

 <view class="position">
    <text>{{position}}</text>
 </view>

基本的样式如下.

  .position{
  	width:100% ;
  	height: 100px;
  	display:flex;
  	align-items:center;    /*垂直居中 */
 	justify-content:center;    /* 水平居中 */
}

这里显示的效果如下:

                                             谢谢鉴赏