2 votos

Añadir automáticamente "..." dependiendo el ancho

Estoy armando un chat modelo facebook, pero tengo un problema con los nombres: enter image description here

Quiero que me salga tal cual esta en la imagen, he echo en php un contador de caracteres para hacer un corte en tal punto y agregarle "...", pero en algunos casos las letras son mas largas y no se cumple. Por ejemplo:

www

iii

es casi mas que el doble, mi pregunta es como facebook lo hace dependiendo el tamaño?

3voto

Ivan Muñoz Puntos 1120

Miguel es, una propiedad css que lo hace automaticamente, se llama text-overflow.

Aca tenes la definicon http://www.w3schools.com/cssref/css3_pr_text-overflow.asp y aca un ejemplo http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow

0 votos

Si, text-overflow: ellipsis :)

0 votos

Aunque admito que en su momento tambien trate de hacerlo contando los caracteres en php :D css al rescate

0 votos

siempre salvándome los amo :')

0 votos

Es bueno poder ayudar :)

0 votos

deberia tenerlos en facebook amiguitos :B

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by: