CSS网格中的等高行

我使用的是一个简单的网格框架（），具有固定数量的行。有没有简单的方法可以使所有行的高度相同，而不将

.row

类的高度指定为百分比

我的6行行行类如下所示：

.row {
    height: 16.666%;
    padding-bottom: 5px;
}

.row:last-of-type {
    padding-bottom: 0;
}

有没有办法不必指定高度：16.666%并让CSS自动使所有行具有相同的高度，并让它们垂直填充其容器元素

---

我想我可以使用

或JavaScript来实现这一点，但我希望有一个纯CSS解决方案。我需要支持IE10和所有最新的其他常用浏览器。

使用显示：表格。

html，
身体，
.包装纸{
身高：100%；
}
.包装纸{
显示：表格；
}
.行{
显示：表格行；
垫底：5px；
}
.行：类型的最后一行{
填充底部：0；
}

一排
第2排
第3排
第4排
第5行
第6行

寻找

flexbox

。我不相信我能在IE10中使用它。IE10是第一个支持flexbox的版本。我不知道它是否有bug，最有可能的是。IE===bug:-）CSS属性“display:table”呢？