我遇到了如何对某些内容列进行编码的问题。

问题

这是large-4状态的输出;里面有三个不同大小的盒子。

但是当我medium-6并且响应模式启动时会发生什么？我明白了：

你可能会理解我的困境。我希望内容在现在的两列之间均匀分布，而不是以＆＃34;行＆＃34;然后将绿色柱子放在紫色下面，而不是紫色下面的青色柱子，如果可能的话，将盒子均匀地放在两根柱子上。

由于列中的框按日期排序，因此顺序必须与large-4图片中的顺序相同（即左上角的第一个日期，向下，向右移动到下一列，从顶部开始，等等。）

我试图解决这个问题

我认为带有弹性网格的Foundation 6可能会帮助我，但我还没有找到任何东西。

我也考虑过尝试使用CSS3列，但是将我的盒子分成两半并使其难以操作。

如果我的要求不够清楚，请告诉我，我会尝试更具体。

提前致谢！