html - 你如何让 text-overflow: ellipsis 在多行单元格中工作？

Question

我有一个表格，其中包含按百分比设置的可变宽度和高度的单元格，我希望将文本截断，就像使用 text-overflow: ellipsis; 但我希望文本用多行填充我的单元格，直到空间不足。

.cell {
    background: green;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

我在 jsFiddle 上准备了一个示例：http: //jsfiddle.net/QEL2G/22/

在示例中，我希望绿色框具有三行文本（不必以 [...] 结尾），但如果 Lorem ipsum 不能满足分配的大小，则不是所有文本。

如果你去掉空格： nowrap; 它会在第一行之后停止截断它，但是它似乎不考虑单元格的高度并且根本不会截断。

我尝试了很多不同的东西，事实上，如果我想为单元格定义一个静态大小，有一个非常简单的答案......但事实并非如此。