我得到了一个具有固定宽度和高度的表格单元,并且如果文本太大,单元格大小应保持不变,并且文本应通过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表单元格的规则)。
div
<td><div>content</div></td>
height
overflow
display: table-cell