小编典典

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

html

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

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

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

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


阅读 452

收藏
2020-05-10

共1个答案

小编典典

根据CSS 2.1规则,表格单元格的高度为“内容所需的最小高度”。因此,需要限制高度间接使用内的标记,通常是div元件(<td><div>content</div></td>),并设置heightoverflow该导性质div元件(不设置display: table-cell在其上的,当然,因为这将使得它的高度服从CSS 2.1表单元格的规则)。

2020-05-10