允许更大的元素向下推并将其他元素移开而不留空间

Question

虽然尝试制作各种尺寸图像的“图像墙”，但事实证明很难留下任何间隙。

理想情况下，较大的图像应将图像推向两侧，不允许在左侧形成任何间隙，这似乎恰好发生。

我创建的示例存在于此处：http://codepen.io/Smashman/pen/LbydF

.flex
  display: flex
  flex-wrap: wrap
  align-items: flex-start

.float
  & .item
    float: left

.column
  +column-count(3)
  +column-gap(0)

Flex，Float和Column是此处显示的尝试，到目前为止，float是最接近的。

如果已按下并且列完全重新排序内容并随意调整元素大小，则Flex不允许占用相同的区域。

在这个例子中，理想情况下，4将直接低于1，然后5低于3.这将允许墙无间隙地存在。

如果有人可以帮助我，我将非常感激。

谢谢。