Fernando Siles

Echamos pestes permanentemente de Internet Explorer pero a veces (muuuuuuy a veces) va por delante. Es el caso de las elipsis. No, no me refiero a las elipsis como recurso cinematográfico que tan bien dominan en el cine oriental sino a los tres puntos al final de una palabra o frase, un recurso muy visual para implementar los tan famosos 'seguir leyendo' y similares ejemplos de text overflow. El navegador de Microsoft tiene soporte automático para esta característica desde la prehistoria de la web y el resto de navegadores modernos pueden replicarla mediante un par de líneas de CSS3. ¿Todos? No, nuestro amigo Firefox, aquel que nos salvó del monopolio y nos demostró que otra navegación web era posible, no soporta la elipsis hasta su reciente y todavía poco utilizada versión 7.0.

¿Y para las anteriores qué? Pues existen hacks (o ñapas o quieras llamarlos) CSS pero son engorrosos y no funcionan muy bien (suelen ser para contenedores de tamaños estáticos). Por suerte existe nuestro amigo jQuery y buenas personas que se curran plugins para que en un plis tengamos el problema resuelto. Aquí os enlazamos dos soluciones (la una y la otra) que, sin ser tan finas como utilizar CSS3, funcionan, cumplen su cometido, no ocupan demasiado y te ahorran unos cuantos quebraderos de cabeza.

Pd: doy fe de que funcionan, que las he utilizado ambas.

Vía | jQuery Text Overflow plugin y Text-overflow: ellipsis for Firefox via jQuery