Css 使用flexbox具有相同高度图元的多行网格

我正在尝试创建一个包含多行和多列的网格。我希望它们都使用flexbox具有相同的高度，但我唯一能得到的是一行上相同大小的列

下面是我尝试做的一个例子：

---

在本例中，我希望我所有的

都具有相同的高度，这意味着最大项目的高度（在我的示例中，这将是最后一个

）。是否可以通过flexbox实现

不，这在纯CSS/flexbox中是不可能的

我将引用W3C规范：

当flex容器有多行时，每行的交叉大小是包含行上flex项目所需的最小大小（由于align self校准后），并且这些行在flex容器内使用align content属性对齐。[……]

（来自）

因此，一个项目仅扩展到当前所在行的最大高度

上述报价的术语：

---

（From）

尽管这个话题已经很老了，但是对于现在看到这个话题的人来说，你不能像公认的答案中所说的那样，用flexbox实现这一点；但是，您可以通过以下方式实现：

*{
框大小：边框框；
}
保险商实验室{
保证金：0；
填充：0；
字号：0；
显示：网格；
网格模板列：重复（4，1fr）；
网格自动行：1fr；
栅柱间隙：1px；
网格行间距：1px；
}
李{
显示：内联块；
字体大小：16px；
背景：灰色；
边框：1px纯白；
}

a
b
c
d
e
f
g
Lorem ipsum dolor sit amet，奉献精英。当你和你的同事在做面部按摩时，你会发现你的脸上有明显的皱纹，而你的脸上有明显的皱纹

您能详细说明一下网格应该如何工作吗？每个盒子里的内容会不同吗？是否总是只有一个项目包含更多内容？可以给

ul

一个固定高度吗？您的示例非常简化，因此只说“不，这不可能”是正确的，但没有帮助。我希望所有元素都具有相同的高度（即最大元素的高度），无论使用什么内容。老实说，我并不真正关心视口。我唯一的愿望是所有的

都有相同的高度，即使它们不在同一条线上。我知道使用JS很容易实现，但我想知道flexbox是否也能提供解决方案。同样值得注意的是：我不想为此求助于

min height

。谢谢！我想我还是坚持我的JS解决方案吧。