背景
假设你有两排材料 <Grid> 组件，并且顶行具有可变高度的项。
它下面的行将保持彼此对齐，但它上面较短的项目下方的项目上方将有一个垂直间隙。
说明：

代码沙盒：https://codesandbox.io/s/sweet-sound-p6257?file=/public/index.html
问题
有没有办法缩小灰色和红色元素之间的垂直差距？
我意识到缩小这个差距会使红色元素看起来与白色元素在同一行，而不是红色元素，并且白色元素的行跨度大于1，因此网格组件可能没有能力这样做。
其他考虑
有一个明显的选择，那就是实际做出一个 rowspan=2 关于“白色元素”的解决方案。但是我的实际用例意味着我需要让所有网格元素在代码中处于相同的深度。i、 这只是一个很长的列表 <Grid/> <Grid/> <Grid/> ，因为它们的高度可变，所以我最终得到的是垂直间隙。