css - 表 - nowrap 在两行？

Question

请看一下这段代码：

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

我希望“td”描述单元格显示为 2 行。溢出应该被隐藏。空白：nowrap；只显示一行，没有它，所有文本都将显示。有任何想法吗？

score 3 · Accepted Answer

尝试

white-space:pre;

也可以在需要中断文本的地方按回车键。

检查以下屏幕截图在此处输入图像描述

score 2 · Accepted Answer

2

添加:before和:aftertd 参考这个http://jsfiddle.net/microbians/csYjC/

于 2013-07-15T09:51:21.503 回答

score 1 · Accepted Answer

text-overflow: ellipsis只适用于单行。这就是为什么你必须使用这个white-space东西。

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

3 回答 3