Problema enlace largo que se sale del diseño CSS

  • Autor Autor Conkerick
  • Fecha de inicio Fecha de inicio
Conkerick

Conkerick

Delta
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Hola betas, ¿como están?

Bien, no sé si el título sea entendible, pero tengo el siguiente problema y no recuerdo como solucionarlo y tras buscar en Google, no he conseguido nada (ya que no recuerdo exactamente como se llama el problema).

Resulta que tengo un div con determinado ancho, ese de div va un enlace de cualquier longitud, pero en Chrome si el enlace es más grande que el div, este se sale del diseño y no crea otra línea, ¿me explico?

Espero una manito, jeje.

Un saludo.
 
overflow:hidden;

overflow:scroll;

overflow-x:...;


Si es que quieres esconcer el link y no se pase del div en palabras como "LKAJSDLJKFASLJKDSFALKJSADFLJKSDAFLJKASDLJKASDLKJSADLKJSADJLKSADLJKSAFDLJK", ya que no lo puede cortar por que no tiene espacios. Si es un titulo como " este es el titulo muy pero muy pero muy largo", con el width es más que suficiente, si no intenta max-width:;
 
Última edición:
En Firefox funciona excelente e incluso sin overflow, pero en IE, Chrome y Safari, el enlace se sale del div.

¿Alguna solución?

Un saludo.
 
puedes mostrar la web donde esta este problema?
 
si no te funciona el overflow, intenta por ejemplo con un max-width: xxPX;
 
si tienes problemas con el ancho del link, puedes especificar que herede el ancho del div padre.
 
Nada, a la final no me funcionó. Tuve que armar una función de JS para que corte el enlace, es decir si es muy largo como:

http://forobeta.com/otras-plataformas/41427-prevenir-enlace-css.html

La función lo deja así:

http://forobeta.com/.../41427-prevenir-enlace-css.html

Un saludo.
 
Atrás
Arriba