2011-08-09 12 views
21

para añadir puntos suspensivos para una frase que es demasiado largo puede utilizar este método: http://jsfiddle.net/ArKeu/¿Es posible el desbordamiento de texto vertical con css3?

que funciona muy bien para anchos, pero de alguna manera es posible añadir puntos suspensivos verticalmente también? que no parecen funcionar :(

http://jsfiddle.net/ArKeu/2/

¿alguien sabe esto, gracias.

+0

¿Cuál sería su resultado deseado? – Shad

+0

básicamente corta el texto después de 300 píxeles verticales y agrega puntos suspensivos. Al igual que en la primera jsfiddle – cmplieger

+0

Pero, ¿quedarían las elipsis fuera del elemento padre? – Shad

Respuesta

29

Actualmente no hay entre navegadores manera CSS sólo para lograr tal comportamiento.

usted puede hacer esto ahora sólo en los navegadores basados ​​en webKit mediante el uso de la -webkit-box y -webkit-line-clamp, ver http://jsfiddle.net/ArKeu/7/

+0

¡tío eres increíble! Solo estoy programando un safari así que ... ¡¡¡¡¡¡¡¡¡!!! – cmplieger

+3

¡REALMENTE INCREÍBLE! – cmplieger

+0

De nada :) – kizu

10

ACTUALIZACIÓN! UPDA TE! ¡ACTUALIZAR!

Desde el momento en que escribí esa respuesta, Clamp.js parece haberse enfriado y ha muerto. El proyecto todavía existe en github para que puedas verlo.

Pero, hay una mejor alternativa aquí: ftellipsis. Es un navegador cruzado.


¿Por qué los navegadores webkit tienen toda la diversión?

Esta solución es mucho más extensa y brinda soporte para otros navegadores también. http://reusablebits.com/post/2642059628/introducing-clamp-js (enlace roto)

+0

Ese enlace está muerto, ¿puedes proporcionar un alterno? – devshorts

Cuestiones relacionadas