表 - 现在分为两行？

Question

请看一下这段代码：

td {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

http://jsfiddle.net/kd4zF/

我想要“td”描述单元格以2行显示。应该隐藏溢出。 白色空间：nowrap;只显示一行，没有它显示所有文本。 有什么想法吗？

Answer 1

尝试

white-space:pre;

同时按下输入您需要打破文本的位置。

检查以下屏幕截图

Answer 2

将:before和:after添加到td，请参阅此http://jsfiddle.net/microbians/csYjC/

Answer 3

text-overflow: ellipsis只适用于单行。这就是你必须使用white-space的原因。

你必须制作一些JavaScript来实现它。还有一个jQuery插件：http://pvdspek.github.io/jquery.autoellipsis

还有一些CSS技巧可以在多行中伪造它：http://www.mobify.com/blog/multiline-ellipsis-in-pure-css