如何将表行高度限制为3行？

Question

我的table比屏幕宽，而且td还包含大量文字。如何将行height限制为3行（让table变得更宽）？

此处：How to hide Table Row Overflow?是一个非常相似的问题，除了我需要3行而不只是1.所以whitespace: nowrap对我不起作用。

我在嵌套max-height: 3em上尝试了div，如下所示：

<td><div>a lot of text...</div></td>

但它只会导致div内容被剪辑（div＆＃39; s width保持不变！即使我设置width: auto或{{1 }}）。

BTW我不想要width: 100%，因为我不想手动指定列宽。

谢谢！

Answer 1

将css样式overflow-y: scroll;添加到您的单元格中。

I've updated the JSFiddle below to demonstrate.

Answer 2

为什么你不能将全表作为div ，这样你就可以指定div的高度，并通过 overflow-y：hidden 来限制文本行。除了桌子之外的简单方法。