微信小程序---view标签中内容居中

在有些时候我们需要view里的内容水平居中,或者垂直居中,又或者水平垂直居中,
最近我就在项目中需要设置view内 文字 和图片 垂直居中
下面直接看代码:
wxml代码:

<view class="zzzyk" >
      <text>易做图居中显示</text>
      <image src="./yizuotu.net/logo.png"></image>
</view>

wxss:
.zzzyk{
    display: flex;    /*设置显示样式**/
    vertical-align: center; /**垂直居中*/

    justify-content: center; /**水平居中*/

    align-items: center;    /**子view垂直居中*/

    flex-direction:row;  /**子view排列方式row--水平 column--垂直*/
}