小程序view标签水平垂直居中

版权声明：本文为博主原创文章，未经博主同意不得转载 https://blog.csdn.net/qq_38215042/article/details/85541875

效果图：

test.wxss代码

/* 让view标签居中显示 */
.bgd{
  height: 200rpx;
  display: flex;
  background: black;
  align-items: center;
  justify-content: center;
}
/* 控制view标签 */
.bg{
  height: 100rpx;
  width: 90%;
}

test.wxml代码

<view class='bgd'>
  <view  class='bg' style='background: url(../images/307.png);background-size:100% 100%;'> </view>
</view>