有趣的css 微信小程序，各种水平居中，垂直居中，文字，图片

感谢大佬 http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
在以上地址查看
另外需记住 图片垂直居中，需在上层加高度，必须，必须，必须
类似

<view style="height:170px;background-color:#FFFFFF;">
  <view style="display: flex;justify-content: center;align-items: center; height:150px">
    <view style="width: 100px; height:100px; border-radius:50%;overflow:hidden;text-align:center;">
      <open-data type="userAvatarUrl"></open-data>
    </view>
  </view>
  <view style="display:flex;justify-content: center;margin-top:-15px">
    <open-data type="userNickName"></open-data>
  </view>
</view>