css瀑布流

简单效果图

内容高度不设置 随内容的高低而显示

<div class="one">
	<div class="backfff wid50" v-for="(i,index) in list" :key="index">
		内容...
	</div>
</div>

let list=[{},{},{},{}]

.one{/*关键样式代码*/
	-webkit-column-count: 2;
	column-count: 2;/*代表一行几列*/
}

上面的效果图是设置2列的，如果设置成4列就是这样的

那么问题来了
运用css瀑布流，循环出来的数据列表，他的排序是这样的（数字为列表的下标值）

有没有办法让数据的排序是正常排序的呢，就是我写的这样排序。
如果你知道，那么请务必告诉我。谢谢！