我正在尝试用有角度的材料构建一个卡片布局，该布局将允许卡片具有可变的高度，并能够根据窗口宽度更改显示的列数。
非常直接地得到了几乎我想要的东西，这就是这个问题中显示的内容，但这里答案中链接的示例不允许卡片具有动态高度。
几周前我尝试过角砌石，但没有成功，我可能会再次尝试角砌石。但理想情况下，我希望在不使用额外javascript库的情况下实现它。
目前，我正在通过在多个列上重复，然后有选择地将我的卡片添加到每一列来实现我想要的，例如，如果我有两列，则将奇数卡片添加到列1，将偶数卡片添加到第2，但这会导致每当列调整大小时，都会呈现新元素并将其添加到DOM。我希望能够使用相同的元素，并通过css实现所需的行为。
您尝试过使用column-count吗？
column-count: $columns;
column-gap: 0px;
-moz-column-count: $columns;
-moz-column-gap: 0px;
-webkit-column-count: $columns;
-webkit-column-gap: 0px;
您可以将其封装在不同大小的@media查询中。