javascript - 使用 css break word 或其他东西为带有 h​​tml 标签的文本子串？

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

只有当您必须在屏幕上显示某些元素中的 txt 信息时 CSS 才会起作用，<div>例如<p>

为了使文本显示为省略号，请尝试以下 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 元素。