我一直在努力寻找一个特定问题的解决方案，我一直试图通过使用HTML网格或flex-box来解决这个问题。我想建立一个两列布局容器，其中的行项目高度应该是动态的，如果有一个间隙，用一个新的行项目填充它，这个新的行项目不是原始列表的一部分。
假设我有一个包含6个项目的列表，我希望将其显示在一个包含两列的容器中，如下所示：
第一个
但是在我的问题中我可以有不同的形象高度，类似这样的东西：
第一次
我希望行项不使用整个行高，基本上在需要时表现为tile。额外的工作是在列的末尾（既不是左边也不是右边）用新的行项填充额外的间隙，在我的用例中，这将是一个广告tile。
这是一个例子，其中瓷砖高度是动态设置的基础上的图像和想法是有一个额外的瓷砖的情况下，有一个差距。

提前感谢您的帮助！