微信小程序 view 利用 flex 横向平均分配 宽度

.part .content .zg {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 50%;
}

/* 平均分配宽度 */

.part .content .zg view:nth-of-type(1) {
  flex-grow: 1;
}

.part .content .zg view:nth-of-type(2) {
  flex-grow: 1;
}

.part .content .zg view:nth-of-type(3) {
  flex-grow: 1;
}

.part .content .zg .zg_txt {
  font-family: PingFangSC-Regular;
  font-size: 24rpx;
  color: #666;
}
<view class='zg'>
        <view class='zg_txt'>总整改:20</view>
        <view class='zg_txt'>待整改:2</view>
        <view class='zg_txt'>已整改:18</view>
</view>

猜你喜欢

转载自blog.csdn.net/ZkD953/article/details/82422993