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

[code].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;
}

[code]<view class='zg'>
<view class='zg_txt'>总整改：20</view>
<view class='zg_txt'>待整改：2</view>
<view class='zg_txt'>已整改：18</view>
</view>