我不确定这是否可以通过 css grid 和/或 css flexbox 解决，但我想我会试一试并在这里提问。
https://codepen.io/anon/pen/QMOWwr
在 codepen 中，您会看到一个包含多列的 css 网格，当视口(viewport)太小时，这些列会换行。这是它应该做的，使用 css 网格如此简单真是太棒了。
但是，我还想知道的是，基于该行中高度最高的单元格，行高是相等的。
为了说明这一点，我在每一列的一个单元格中添加了更多文本，并添加了一个 <hr>模拟边界的元素 - 所以，说到这里，我想要 <hr>对于单元格中的任意内容，标签在每一列中的高度相同。
感谢任何提示， 马吕斯
最佳答案
一种解决方案是使用 JavaScript 检查每行中每个单元格的最大高度，然后相应地调整所有其他单元格的大小。
是这样的:https://codepen.io/anon/pen/rzYaEY
然而，也许更惯用的解决方案是使用 <table>元素并相应地设置样式。
关于Css Grid Wrap 列保持行高，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45690856/