最近我遇到了问题，我试图创建三列布局，其中列将填充动态数量的div（框）（大约5-15），每个列根据其内容具有自己的高度。
这些div应该是：
1）列在列中。
2）只要到达视口高度，就将其换行到下一列。
3）当/如果布局达到三列状态并需要再次换行时 - 缩小所有列/ div仍然适合而不破坏布局
下面的图片说明OUTCOME
（例如，如果＃4稍微短一点，它就不会换到第三列，而是保持在＃3之下）
试图用Angular Material'layout-wrap'和＆amp;来解决这个问题。 'layout ='column' - 但是它会在需要时拒绝水平缩放div。因此，经过几次换行后，其他div将跳出容器。
在这种情况下，Flexbox似乎失败了。
也许我可以通过Angular在Link函数中做到这一点？
任何指导或提示都将赞赏！
