Foros del Web » Creando para Internet » CSS »

Div con height 400, me coje la primera linea con nowrap, quiero que baje

Estas en el tema de Div con height 400, me coje la primera linea con nowrap, quiero que baje en el foro de CSS en Foros del Web. Saludos Tengo un div con 100px de height, cuando pongo un texto con: white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:190px; display:block; Cuando escribo un párrafo, de 3 líneas.. ...
  #1 (permalink)  
Antiguo 06/03/2012, 07:59
 
Fecha de Ingreso: enero-2012
Mensajes: 21
Antigüedad: 12 años, 2 meses
Puntos: 2
Div con height 400, me coje la primera linea con nowrap, quiero que baje

Saludos
Tengo un div con 100px de height, cuando pongo un texto con:

white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:190px;
display:block;

Cuando escribo un párrafo, de 3 líneas.. me coje la primeray al llegar a los 190px del div, se acabo.
Quiero que baje a la segunda linea, y cuando no quede mas lineas que bajar xq no de el DIV para mas, se corte el texto.

Sabeis como puedo hacerlo?

Gracias

Última edición por neisserian89; 06/03/2012 a las 09:50
  #2 (permalink)  
Antiguo 06/03/2012, 15:24
 
Fecha de Ingreso: octubre-2009
Ubicación: Argentina
Mensajes: 21
Antigüedad: 14 años, 5 meses
Puntos: 0
Respuesta: Div con height 400, me coje la primera linea con nowrap, quiero que baje

el div con alto de 100px, tambien tiene overflow:hidden; ??
  #3 (permalink)  
Antiguo 07/03/2012, 00:09
 
Fecha de Ingreso: marzo-2012
Mensajes: 5
Antigüedad: 12 años
Puntos: 0
Respuesta: Div con height 400, me coje la primera linea con nowrap, quiero que baje

prueba con white-space: pre-line porque el nowrap evita los saltos de linea o sin en todo caso con el pre-wrap si es que los saltos de linea son manuales
  #4 (permalink)  
Antiguo 07/03/2012, 01:37
 
Fecha de Ingreso: enero-2012
Mensajes: 21
Antigüedad: 12 años, 2 meses
Puntos: 2
Respuesta: Div con height 400, me coje la primera linea con nowrap, quiero que baje

Cita:
Iniciado por Inluzion Ver Mensaje
el div con alto de 100px, tambien tiene overflow:hidden; ??
Sí.

Cita:
Iniciado por jonathan_bc92
prueba con white-space: pre-line porque el nowrap evita los saltos de linea o sin en todo caso con el pre-wrap si es que los saltos de linea son manuales
Funciona, pero el overflow ellipsis de css3 no.

Gracias igualmente, ponde los suspensivos a mano.

Etiquetas: 400, height, primera, quiero
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:02.