如何为表格单元格添加固定高度？

Question

我创建了一个要在jsfiddle中使用的可滚动表格，但是我无法使表格单元格具有固定的高度或最大高度。您可能需要缩小浏览器的宽度，才能在此处查看示例时看到我在说什么：

https://jsfiddle.net/trleithoff/jz62aenk/5/

table, tr td {
    border: 1px solid black;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 30px;
    height: 30px;
}
tbody {
    display: block;
    height: 125px;
    overflow: auto;
}
thead, tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

在第一个表格单元格（第1行第1列）中，文本过多，省略号在起作用，但每行而不是整个文本块都在起作用。有谁知道如何在表格单元上强制固定高度？

Answer 1

表单元格不适用于overflow: hidden。只需使用max-height和overflow: hidden

将内容包装在div的表格单元中

tbody tr td div{
  max-height: 30px;
  overflow: hidden;
}