微信小程序，一句样式实现多排列表

 <view  class="f-class">
      <view class="z-class">
      </view>
      <view class="z-class">
      </view>
      <view class="z-class">
      </view>
      <view class="z-class">
      </view>
</view>

.f-class{
    width: 700rpx;
}

.z-class{
    float: left;
    width: 200rpx;
    height: 100rpx;
    margin-left: 25rpx;
    margin-top: 25rpx;
    background-color: wheat;
}

 改变子布局的css里的宽度，想要几行要几行