texto que se sale (horizontalmente) del div

[MandrakeXP]

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

[PedroRodas]

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

Pruebalo y me dices,suerte!!

[MandrakeXP]

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

[fearlex]

Pero cual es tu objetivo, esconder ese texto saliente, o tratar de que siga en la proxima linea ??

[MandrakeXP]

quiero tratar de que siga en la proxima linea y no se salga del div (horizontalmente hablando)

[Mikmoro]

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.

[inadaptado_lechuzo]

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..