Foro de elhacker.net

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
(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
  1. text-overflow: ellipsis;

Tan simple como eso muchas gracias.