¿Es posible tener texto desbordado: puntos suspensivos sin espacio en blanco: nowrap?

Question

Parece que text-overflow: ellipsis depende de white-space: nowrap. El problema con esto es que limita el texto a una línea. Sin embargo, ¿qué pasa si necesito tener 4 líneas y las elipsis en la última línea en caso de desbordamiento?

lo que está haciendo actualmente ...

Lorem ipsum dolor sit amet ... 

Lo que quiero ...

Lorem ipsum dolor sit amet, 
consectetur adipisicing el- 
it, sed do eiusmod tempor 
incididunt ut labore et ... 

Answer 1

Desafortunadamente el comportamiento que está viendo es correcta para text-overflow: ellipsis.

apoyo entre exploradores de texto dividido no es una realidad sin embargo, con sólo CSS, pero se puede ver un buen resumen de lo que es posible aquí: http://code.google.com/p/hyphenator/wiki/en_CSS3Hyphenation

Algunos CSS específico del navegador está disponible para Firefox y WebKit :

-webkit-hyphens: auto; 
-webkit-hyphenate-character: '~'; 
-moz-hyphens: auto; 

El gran problema con la separación silábica es que debe ser consciente del idioma para funcionar correctamente, lo que es complicado.

¿Quizás una solución JS como esta te ayude? http://code.google.com/p/hyphenator/