Chrome中的多行文字的省略号

Question

谷歌浏览器有-o-ellipsis-lastline之类的内容吗？

我正在构建Chrome扩展程序，并希望使用CSS来删除多行文本。

Answer 1

由于W3 spec for text-overflow，无法创建省略号纯CSS。

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

• http://www.codeitbetter.co.uk/widgets/ellipsis/
• http://jsfiddle.net/danesparza/TF6Rb/1/
• http://jsfiddle.net/MPkSF/
• http://jsfiddle.net/VpmbL/
• https://github.com/pvdspek/jquery.autoellipsis

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

Answer 2

目前多行文字没有省略号......但你可以使用简单的条件为多行做省略号效果。这是一个例子......

假设你有一个像这样的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是可选的。你可以随意改变......

希望有帮助：）...