Foros del Web » Creando para Internet » CSS »

texto que se sale (horizontalmente) del div

Estas en el tema de texto que se sale (horizontalmente) del div en el foro de CSS en Foros del Web. Hola tengo un div: <div class="estilo">sssssssssssssssssssssssssssssssssss sssssssssssssssssssss</div> con una palabra muy larga, que no cabe horizontalmente, cómo hago para que la palabra se corte y ...
  #1 (permalink)  
Antiguo 18/07/2008, 06:46
 
Fecha de Ingreso: marzo-2005
Mensajes: 271
Antigüedad: 12 años, 8 meses
Puntos: 1
texto que se sale (horizontalmente) del div

Hola


tengo un div:

<div class="estilo">sssssssssssssssssssssssssssssssssss sssssssssssssssssssss</div>


con una palabra muy larga, que no cabe horizontalmente, cómo hago para que la palabra se corte y no se salga del div, ni me haga el div más ancho?


he probado poner:

height: auto ! important;
width: 500px ! important;


pero no funciona :( alguien sabe algo?


gracias
  #2 (permalink)  
Antiguo 18/07/2008, 08:19
Avatar de PedroRodas  
Fecha de Ingreso: noviembre-2005
Ubicación: Cádiz
Mensajes: 393
Antigüedad: 12 años
Puntos: 0
Respuesta: texto que se sale (horizontalmente) del div

creo que puedes conseguir lo que quieres con la opcion white-space:pre-line;

Pruebalo y me dices,suerte!!
__________________
Genial concierto de Roger Waters, Pink Floyd siguen vivos!!!
  #3 (permalink)  
Antiguo 19/07/2008, 14:01
 
Fecha de Ingreso: marzo-2005
Mensajes: 271
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: texto que se sale (horizontalmente) del div

no funcionó...

la línea en cuestión no usa espaciados " " sino que usa &nbsp; para separar palabras, entonces el browser hace que se salga del div sin poder separar la línea en palabras



mmm alguna sugerencia?

gracias
  #4 (permalink)  
Antiguo 19/07/2008, 15:04
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Respuesta: texto que se sale (horizontalmente) del div

Pero cual es tu objetivo, esconder ese texto saliente, o tratar de que siga en la proxima linea ??
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
  #5 (permalink)  
Antiguo 21/07/2008, 01:46
 
Fecha de Ingreso: marzo-2005
Mensajes: 271
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: texto que se sale (horizontalmente) del div

quiero tratar de que siga en la proxima linea y no se salga del div (horizontalmente hablando)
  #6 (permalink)  
Antiguo 21/07/2008, 04:00
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: texto que se sale (horizontalmente) del div

No se puede porque el navegador no sabe dónde hacer el corte, y en html no existe la división automática de palabaras como en los procesadores de texto.

Creo que deberás buscar una función (javascript, o lo que sea), que te produzca un corte tras una cantidad x de caracteres.

Mikel.
  #7 (permalink)  
Antiguo 21/07/2008, 19:56
Avatar de inadaptado_lechuzo  
Fecha de Ingreso: julio-2008
Mensajes: 5
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: texto que se sale (horizontalmente) del div

Bue esta es mi primera participacion en este foro... que es espectacular.... soy maquetador tambien...

y creo que ante todo tu querrias, que se corte en un tamaño determinado , creo que con un

.estilo { width: Xpx; overflow:auto;}

hara lo que tu pides , por que al haber muchos caracteres sin separacion se creara una barra de desplasamiento horizontal...

espero que sea util.. esta explicacion..
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 07:59.