2012-10-12 74 views
13

Necesito tener un recuadro (div) con texto en varias líneas, y esta casilla debe tener un ancho fijo y una altura máxima fija.Envoltura de texto con altura máxima fija

Estoy usando el overflow: hidden; Ahora mi problema es que si la última línea no cabe en la altura máxima del div, se cortará (cortando solo la mitad de la línea, por ejemplo). Lo que quiero hacer en este caso no es mostrar la última línea y mostrar puntos suspensivos en el último

Mi problema no es insertar puntos suspensivos en una sola línea de texto (usando la propiedad white-space: nowrap), el problema principal es que el texto se cutted en la última línea, elipsis no es un problema ya que en último caso puedo usar jQuery para insertarlo

+0

Pruebe este enlace: http: //stackoverflow.com/questions/3067696/how-to-show-ellipses-to-the-overflew-text-for-html-elements-in-firefox – dreamerkumar

Respuesta

6

Añadir

text-overflow: ellipsis; 

a la Div

EDIT: OK, no es posible por ahora, no en un estándar forma dized.

Sin embargo, es posible lograr con características webkit experimentales (ver this topic), o hacerlo con JS a través the solution escrito por este individuo, y alojado en GitHub.

+1

Creo que esos enlaces se resolver mis problemas, gracias. Voy a intentar y dar una respuesta – Zeux

Cuestiones relacionadas