En un sitio web en el que estoy trabajando los usuarios pueden agregar un título a una sección de una página.Un simple ejemplo:

M11-001 - loss of container and goods from Manchester

Con algunos títulos que el contenido puede ser bastante en profundidad. En realidad, para el título de, al menos, este contenido no es siempre necesario. Las primeras palabras sería suficiente para diferenciar entre los registros.

Me podría poner overflow:hidden para el div y despiadadamente corte de cualquier cosa fuera de la anchura.

Yo prefiero agregar … Para el final. Así:

M11-001 - loss of container...

Para tres paradas se añadirá después de la X ancho X o caracteres.

Es esto posible con CSS, o tal vez JavaScript?

  • ¿Te refieres a después de X personajes X o palabras? Usted podría utilizar substring y concatenar con '...'.
InformationsquelleAutor dannymcc | 2011-04-18

1 Comentario

  1. 34

    Algo como esto? http://www.quirksmode.org/css/textoverflow.html

    Texto De Desbordamiento De

    El texto de desbordamiento de declaración permite
    a lidiar con el recortadas texto:
    es decir, el texto que no cabe en su
    cuadro. Los puntos suspensivos valor hace tres
    los períodos que se anexará a la de texto.

    • Absolutamente correcto!
    • Una ventaja es que el texto copiado no incluye el ... sino el texto completo.
    • Perfecto. Justo lo que necesitaba (y sencillos) gracias!
    • Gran. ¿Hay algo más que usted necesita para marcar esta pregunta como «respuesta»?
    • Increíble! Había 5+ líneas para manejar esto con la subcadena y concatenaciones. Muy suave
    • Funcionan a la perfección, white-space: nowrap; overflow:hidden;text-overflow: ellipsis; .

Dejar respuesta

Please enter your comment!
Please enter your name here