Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: .:Xx4NG3LxX:. en 27 Agosto 2020, 04:25 AM

Título: [HTML,CSS,JS] recortar palabras y agregar tres puntos (...) al final
Publicado por: .:Xx4NG3LxX:. en 27 Agosto 2020, 04:25 AM
Saludos compañeros...!

Mi duda recae en hacer algo como esto:

(https://i30.servimg.com/u/f30/20/15/95/88/image87.jpg)

(Cuando no "haya espacio suficiente" se recorte y se agreguen "..." Al final)

Debe ser con javascript..
Título: Re: [HTML,CSS,JS] recortar palabras y agregar tres puntos (...) al final
Publicado por: BloodSharp en 27 Agosto 2020, 04:36 AM
Cita de: .:Xx4NG3LxX:. en 27 Agosto 2020, 04:25 AM(Cuando no "haya espacio suficiente" se recorte y se agreguen "..." Al final)

No sé como será con javascript pero lo que buscás se llama text-overflow y se puede hacer perfectamente con CSS:

https://www.w3schools.com/cssref/css3_pr_text-overflow.asp
https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow
https://developer.mozilla.org/es/docs/Web/CSS/text-overflow


B#
Título: Re: [HTML,CSS,JS] recortar palabras y agregar tres puntos (...) al final
Publicado por: .:Xx4NG3LxX:. en 27 Agosto 2020, 05:20 AM
Lo sé. Lo del javascript sería para agregar los tres puntos (creo)

Gracias de igual forma.

Solución (básica):

Código (css) [Seleccionar]
text-overflow: ellipsis;

Tan simple como eso muchas gracias.