Html Chrome中多行文字的省略号

谷歌Chrome是否有类似的

-o-ellipsis-lastline

---

我正在构建一个Chrome扩展，并希望使用CSS对多行文本进行省略号处理。

由于以下原因，无法创建省略号纯CSS

但是，如果您正在开发Chrome扩展，您已经在使用JavaScript，那么这里有一些演示和插件来解决您的问题：

---

我正在我自己的项目中使用最后一个插件。

目前多行文本没有省略号。。。但您可以使用简单的条件为多行执行省略号效果。这里有一个例子

假设你有一个像这样的html

<div class="class_name"><%=message%></div>

然后在运行时渲染文本。。。文本将呈现并放置在div标记中，而不是消息模板中。所以你能做的就是

<% if(message.length < 100) { %>
  <div class="class_name"><%=message%></div>
<% } else { %>
  <div class="class_name"><%=message.slice(0,80)%>...</div>
<% } %>

...

如果文本超过100个字符，则会显示省略号效果（在80个字符的末尾）

注意：值100和80是可选的。你可以改变你所关心的

---

希望有帮助：）…

您对需要与之兼容的浏览器有什么要求吗？你愿意实现一个使用Javascript的解决方案吗？我正在构建一个Chrome扩展，所以它只需要与Chrome兼容。我宁愿不使用Javascript。