用於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可選的。你可以改變，因爲你擔心...

希望它有幫助:)）