用于Chrome中多行文字的省略号

Question

Google Chrome中是否有类似-o-ellipsis-lastline的内容？

我正在构建Chrome扩展并希望使用CSS省略多行文本。

Answer 1

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

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

• 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可选的。你可以改变，因为你担心...

希望它有帮助:)）