我的主页上有 3 个连续的表格，我使用 CSS 网格以这种方式显示它。 3 个表中的每一个都有不同数量的表行:第一个有 9 个，第二个有 7 个，第三个有 6 个。
在 Chrome 和 Safari 中，表格似乎显示得非常好，并且符合我为每个 <tr> 应用的高度。 ，但 Firefox 中似乎存在问题。
无论左侧表格(有 9 行)的高度是多少，其他两个表格将增加它们的高度以匹配左侧表格的高度，如下所示:https://i.postimg.cc/7L5TrmzH/1.jpg
有人知道为什么会发生这种情况吗？
网站链接在这里:http://testing.mobnetwork.co.uk/index.html
提前谢谢你。
最佳答案
将以下 CSS 添加到您的 .resource-table 类
align-self: flex-start;
此属性用于设置网格项的对齐方式。更多信息在这里:https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
关于html - 如何阻止 HTML 表格匹配网格中其他表格的高度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57189575/