entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

3votos

Como hacer para que el texto no se me salga del div?

Tengo un div tipo esto:

<div style="width:500px;height:260px">
<div style="width:100%;">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div>
</div>

Como puedo hacer para que salte de linea si se sale el texto en css?
Es solamente por si los usuarios de mi web escriben algo así... O como prohibir palabras muy largas en PHP?

ACTUALIZADO: ya lo he conseguido haciendo esto:

 word-break: break-all;
 word-wrap: break-word;

Pero se me queda como un hueco arriba:
http://jsfiddle.net/MXgtd/

3 Respuestas

2votos

Peter Puntos144880

Aunque de esa forma no es recomendable poner estilos, puedes solucionarlo con el siguiente estilo en tu segundo div.

word-wrap: break-word;

Entonces te quedaría así.

<div style="width:500px;height:260px">
    <div style="width:100%; word-wrap: break-word;">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div>
</div>

Te recomiendo que utilices estilos externos.

Saludos.

0voto

Peter comentado

Para la segunda duda que pones en el comentario de arriba. Ese texto se esta acomodando abajo de tu div "fll". Dale un margin-left: 2px; a tu texto gigante y se debe de solucionar.

Saludos.

2votos

Puntos0

En el .css:

 word-wrap:break-word;

0voto

Peter comentado

Pues me ganaste en lo que veja otras cosas antes de darle publicar :D

0voto

Jaumesv comentado

Gracias, pero tambien tengo otro problema: es que el texto se me queda unos 100px abajo si la palabra es muy larga... Miren: http://jsfiddle.net/MXgtd/

1voto

Ezekiel1349 Puntos350

Intestaste colocando max-width?

<div style="width:500px;height:260px">
<div style="width:100%; max-width: 500px;">
dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div></div>

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta