Autor Tema: CSS overflow: hidden; white-space: nowrap; text-overflow: ellipsis CU01041D  (Leído 2232 veces)

AnalfabetaDigital

  • Sin experiencia
  • *
  • Mensajes: 20
  • Dando palos de ciego ;)
    • Ver Perfil
Buenas foreros,  :)

Tengo un problemilla (cómo no..) con el ejercicio. Cuando en el div1 añado el código:
Código: [Seleccionar]
{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} lo que veo me pasa es que me corta el texto en la primera frase acabándola con los puntos suspensivos. No entiendo porqué.
Sólo me pasa con esto, en el segundo div que se acaba con clip, sale correcto.

Alguien me puede ayudar?

Gracias y un saludo.
« Última modificación: 12 de Junio 2016, 23:30 por Alex Rodríguez »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:Problema con el ejercicio (CU01041D)
« Respuesta #1 en: 01 de Junio 2016, 18:47 »
Hola AnalfabetaDigital.

según overflow: hidden, lo que no quepa dentro del div que dices lo oculta.

text-overflow: ellipsis, se reemplaza la parte final del texto … (puntos suspensivos )antes de salirse del div.

Para ver mejor tu problema, pon el código entero, siempre es más fácil ver si hay algún error.

Saludos. ;D
« Última modificación: 01 de Junio 2016, 18:55 por pedro,, »

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".