elipsis para texto de líneas múltiples en Chrome

Question

¿Hay algo como -o-ellipsis-lastline para Google Chrome?

Estoy construyendo una extensión de Chrome y me gustaría elipsear texto de líneas múltiples mediante CSS.

Answer 1

Es imposible crear elipsis pure CSS debido a W3 spec for text-overflow.

Pero Si está desarrollando Extensiones Chrome ya ha utilizando JavaScript, asi que aquí hay algunos demos y plugins para resolver su problema:

• 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

Estoy usando el último complemento en mis propios proyectos.

Answer 2

En la actualidad no hay puntos suspensivos para el texto de líneas múltiples ... Pero puede hacer efecto de elipsis para líneas múltiples usando condiciones simples. Aquí está un ejemplo ...

Digamos que tiene un html así ...

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

Y hacer que el texto en tiempo de ejecución ... Su texto se procesará y se coloca en la etiqueta div en lugar de la plantilla de mensaje Así que lo que puede hacer es ...

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

Si el texto es más de 100 caracteres se mostrará un efecto de puntos suspensivos (al final de 80 caracteres)

Nota: los valores de 100 y 80 Opcional. Se puede cambiar a medida que la preocupación ...

creo que sirve:) ...