html - span - text-overflow ellipsis 2 lines

CSS-Ancho máximo y elipses

Question

Tengo un lapso que contendrá texto. Me gustaría que el intervalo se expanda a un máximo de 500 px para acomodar el texto en el interior. Una vez alcanzado el máximo, me gustaría que el texto muestre puntos suspensivos para cualquier texto que se desborde en el ancho máximo. es posible? Intenté lo siguiente, pero esto no hizo el truco.

Gracias

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

Answer 1

Este javascript truncará tu texto y agregará una elipsis. (Sin romperlo en medio de una palabra o marca)

Barelyfitz Truncate js .

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

Espero eso ayude.

Answer 2

Los tramos se muestran: en línea de forma predeterminada, lo que puede causar un comportamiento extraño cuando se le asignan dimensiones. Si está posicionado absolutamente de todos modos, debe usar un div o establecer el intervalo para mostrar: bloquear en su lugar.

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

Este es un artículo interesante sobre cómo hacer funcionar la elipsis en todos los navegadores modernos sin usar javascript.