你如何得到文本溢出：省略号在多行单元格中工作？

Question

我有一个表格，其中包含可变宽度和高度按百分比设置的单元格，我希望文本被截断，就像文本溢出一样：省略号;但我希望文本用多行填充我的单元格，直到它用完空间。

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

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

在这个例子中，我希望绿色框有三行文本（不必以[...]结尾）但不是所有的Lorem ipsum，如果它不符合分配的大小。

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

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