相同高度的flexboxes具有相同高度的子内容可变内容，没有JS

Question

使灰色框具有相同的高度是微不足道的：.blue-box { display: flex }

图像在设计上具有相同的高度。白色框包含可变数量的文本，因此它们都是不同的高度。

有没有办法让没有JavaScript的白盒高度相等？

谢谢。

Answer 1

在灰色框上：display: flex; flex-direction: column;

在白框上：flex-grow: 1;