Html 固定收割台柔性工作台-收割台垂直对齐

jsFiddle-

我有一个简单的flex表格，可以固定标题并滚动表格主体，但我希望在每个单元格中垂直对齐内容（标题和主体）的中心/中间位置

将单元格设置为

垂直对齐：中间通常会起作用，但使用flexbox似乎会阻止单元格内容的垂直对齐

我毫不怀疑我忽略了一些东西，可能是一些简单的东西，但有人有任何想法来解决这个问题吗

非常感谢：）
您还可以使
th、td
元素灵活，并在其内部应用对齐：

table.flex-table tr td,
table.flex-table tr th {
  display: flex;
  flex: 1;
  align-items:center;
  justify-content:center;
}

完整代码


。面板主体{
高度：300px；
}
桌子{
边框顶部：1px纯黑；/*仅用于突出显示表格顶部*/
}
表thead tr{
高度：5em；/*固定行高*/
}
/*弹性工作台*/
table.flex-table{
显示器：flex；
弯曲方向：立柱；
身高：100%；
}
table.flex-table thead，
table.flex-table t车身{
显示：块；
}
table.flex-table thead{
右边距：0px；
}
table.flex-table t车身{
弹性：1；
溢出y：滚动；
}
table.flex-table tr{
宽度：100%；
显示器：flex；
}
table.flex-table tr td，
table.flex-table tr th{
显示器：flex；
弹性：1；
对齐项目：居中；
证明内容：中心；
}



试验
试验
试验
试验
试验
试验
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
某物
垂直对齐：中间
用于
内联块
元素，对于弹性项目，使用自动边距，例如
边距：自动0。。。我觉得自己有点傻！我知道这很简单，非常感谢：D@DeltaSierra别那么想；）你的问题是td，th已经达到了最大高度，因此你不能再对齐它们，而是可以对齐它们的内容