文本溢出CSS截断

Question

早些时候我正在使用JS动态地进行它...但我们得到了一些性能问题,因为我们必须提供另一种选择.

我现在使用文本溢出样式截断我的选项卡名称上的长文本.

但如果有人可以解决它,我会遇到一个小问题

目前这是我的文本截断的样子

这段文字已被删除......

这里的三个点(...)是黑色的,我想把它变成红色.

有没有办法可以实现这个目标？

Answer 1

在这里工作:

• http://jsfiddle.net/TReRs/4/

代码(HTML和CSS):

<div class="overme">
    how much wood can a woodchuck chuck if a woodchuck could chuck wood?
</div>

CSS:

.overme {
    width: 300px;
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
    color: red;
}

使用该基本CSS,尾随点/省略号用红色着色.

Answer 2

**使用CSS的简单方法**

\n\n

超文本标记语言

\n\n

<div class="text-truncate">\nThe company\xe2\x80\x99s commitment to rebuilding the relationship with you, our community</div>\n

\n\n

CSS：

\n\n

.text-truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n

\n