如何实现瀑布流

 <view class="relate_dad" >
      <view class="relate_son" wx:for="{{relate}}">       
      </view>
</view>
.relate_dad {
  display: flex;
//  弹性容器内的元素横向排列，当容器的宽度不足以容纳所有弹性元素时，允许换行
  flex-flow: row wrap;
  width: 100%; 
  margin-bottom: 100rpx;  
}
.relate_son {
  display: flex;
  flex-direction: column;
  background-color: white;
  width:335rpx;
  margin:20rpx; 
  height: 600rpx;  
}

如何做一个简单的瀑布流