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


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 ...

13
2017-11-09 16:56


origen


Respuestas:


Lamentablemente, el comportamiento que está viendo es correcto para text-overflow: ellipsis.

La compatibilidad entre navegadores para texto con guiones no es una realidad aún con CSS solamente, pero puedes ver un buen resumen de lo que es posible aquí: http://code.google.com/p/hyphenator/wiki/en_CSS3Hyphenation

Algunos CSS específicos del navegador están disponibles para los navegadores webfox y firefox:

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

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

Tal vez una solución JS como esta te ayudará? http://code.google.com/p/hyphenator/


8
2017-11-09 17:19