如何设置表格单元的最大高度？

我得到了一个具有固定宽度和高度的表格单元，并且如果文本太大，单元格大小应保持不变，并且文本应通过overflow：hidden隐藏。

div {
   display: table-cell
   height: 100px;
   width: 100px;
   overflow: hidden;
   vertical-align: middle;
}

但是，如果添加了太多文本，则表格单元格会扩展到100px以上。有什么技巧可以阻止它扩展吗？

文本的长度应为几行，因此“ white-space：nowrap”解决方案不适用

根据CSS 2.1规则，表格单元格的高度为“内容所需的最小高度”。因此，需要限制高度间接使用内的标记，通常是div元件（<td><div>content</div></td>），并设置height和overflow该导性质div元件（不设置display:

table-cell在其上的，当然，因为这将使得它的高度服从CSS 2.1表单元格的规则）。