使用css break word或其他东西对带有html标签的文本进行子串？

Question

var txt = 'Some texts, html tags & all values i can enter through text box';
txt= txt.substring(0,255)+'...';

我可以用css做这件事吗？

我的问题是，如果txt包含HTML标记，在执行子字符串后，结束标记会丢失并且会中断。

Answer 1

但为此你应该设置元素的width -

试试这个CSS -

 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: 100%;
 display: inline-block;

在jsfiddle看到

Answer 2

CSS仅在您必须在某些元素（如<div>或<p>在屏幕上显示txt信息时才起作用

要使文本显示为省略号，请尝试以下CSS属性

p{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

Answer 3

如果你正在使用jQuery，你可以使用它的text()函数。

var txt = 'Some texts, html tags & all values i can enter through text box';
txt= txt.text().substring(0,255)+'...';

这将显示所有非html元素。