如果已调整大小，请连续调整所有卡片的大小

Question

我有四张卡在页面顶部可见。卡的高度根据其中的文本而变化。同时调整窗口大小时，卡也将调整大小。我要确保连续的所有卡片都具有相同的高度。

Stackblitz演示：https://stackblitz.com/edit/angular-xv3syn

我想做的是获取卡之间的最大高度，并为其他卡设置相同的高度。实现此目标的最佳方法是什么？

Answer 1

将此列添加到您的列项中

.col-md-6{
  display:grid;
}

Answer 2

您可以使用CSS属性display: flex;来完成此操作。

Answer 3

我只是更改列的大小，现在您可以看到所有列的大小都相同，可以通过为每个列分配适当的大小来获取此信息