que tienen una cadena de 30 caracteres¿Cómo se muestran solo los primeros 10 caracteres de una cadena usando CSS?
sólo quiero mostrar el primer 10 seguido de ...
así por ejemplo
thisisastringthatis30characterslong
se convertiría en
thisisastr ...
¿Es posible usar CSS?
¡Salud!
Se llama ellipsis y puede usarlo en un elemento de bloque.
Sin embargo, no funciona en Firefox y no puede establecer el ancho a exactamente 10 caracteres, ya que no puede especificar el ancho en caracteres en css.
Si quiere exactamente 10 caracteres y compatibilidad con Firefox, tendrá que usar javascript o una solución del lado del servidor.
Hay un CSS3 based solutiontext-overflow:ellipsis; que afirman ser un navegador de doble sentido. Pero también mostrará tantos caracteres como ajuste, no exactamente 10.
Parece que dejará de funcionar en Firefox 4: http://stackoverflow.com/questions/4927257/text -overflowellipsis-en-firefox-4 – jeroen
eso es increíble. Necesito este tipo de funcionalidad bastante. Nunca me había molestado en preguntar si existía porque subsumí que no sería así. Es bueno saber sobre eso. – stephenmurdoch
Felicitaciones para eso, solo uso un preg_match en los primeros diez caracteres y luego agregue el ... gracias de nuevo – Franco