问题描述
我正在尝试使用Vuetify中的卡片创建一个响应式网格。每张卡的大小必须相同，但是如果我在其下添加长文字（第二张卡），则该卡始终是最大大小（我也使用breakpoints进行设置，但Vuetify只有5个断点，我需要它更多信息。我可以为每列添加一个自定义断点，但这是一个难看的解决方案。
最后一行也必须像下面的草图一样向左对齐。我尝试了很多事情，但是我想使用最小宽度和最大宽度，因此在大多数情况下，卡之间的间隙是相同的。它应该看起来像这样：
这是我的codepen。
解决方法
那些文本太长的卡片不会调整大小，因为它们无法识别父宽度，因此卡片宽度才变成最大值。我通过给他绝对值来解决此问题，并通过一些CSS对其进行了修复。最后，我通过添加空白的透明卡来固定对齐，以使它们正确对齐。这是codepen
中的解决方案