CSS - Ancho máximo y elipses

Question

Tengo un lapso que contendrá texto. Me gustaría que el lapso se expanda a un máximo de 500 px para acomodar el texto interno. Después de alcanzar el máximo, me gustaría que el texto muestre puntos suspensivos para cualquier texto que desborde el ancho máximo. es posible? Intenté lo siguiente, pero esto no funcionó.

Gracias

{ 
    position: absolute; 
    top: 13px; 
    left: 44px; 
    max-width: 500px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
} 

Answer 1

Esta Javascript truncará el texto y añadir una elipsis. (Sin romperlo en el medio de una palabra o marcado)

Barelyfitz Truncate js.

No está seguro sobre la compatibilidad del navegador de i, pero debería funcionar :)

espero que ayude.

Answer 2

Los indicadores se muestran: en línea por defecto, lo que puede causar un comportamiento extraño cuando se le asignan dimensiones. Si se está posicionando de todos modos, debe usar un div o establecer el span para mostrar: bloquear en su lugar.

No estoy seguro si esto solucionará su problema, pero es un comienzo :)