texto que fluye fuera del div

Question

Cuando el texto es sin espacios y más que el tamaño div 200px que está fluyendo La anchura se define como 200 píxeles He puesto mi código aquí http://jsfiddle.net/madhu131313/UJ6zG/ Se puede ver los cuadros abajo editado: Quiero que el texto para ir a la siguiente línea

Answer 1

Es debido al hecho de que tiene una palabra larga y sin espacios. Puede usar la propiedad de ajuste de palabra para hacer que el texto se rompa:

#w74 { word-wrap: break-word; } 

Tiene bastante buena compatibilidad con el navegador, también. See documentation about it here.

Answer 2

Debe utilizar overflow:hidden; o scroll

http://jsfiddle.net/UJ6zG/1/

o con php se podía cortas las palabras largas ...

Answer 3

use overflow:auto le dará un desplazamiento a su texto dentro del div :).

Answer 4

Si solo es una instancia que debe envolverse en 2 o 3 líneas, solo usaría unas <wbr> en la cadena. Tratará a aquellos como <br> pero no insertará el salto de línea si no es necesario.

<div id="w74" class="dpinfo"> 
adsfadsadsads<wbr>fadsadsadsfadsadsa<wbr>dsfadsadsadsfadsadsads<wbr>fadsadsadsfadsadsadsfa<wbr>dsadsadsfadsadsadsfadsad<wbr>sadsfadsadsads<wbr>fadsadsadsfadsads adsfadsads 
</div> 

Aquí hay un violín.

http://jsfiddle.net/gaby_de_wilde/UJ6zG/37/

Answer 5

Uso

white-space: pre-line; 

Se evitará que el texto fluya fuera de la div. Rompe el texto cuando llega al final de div.

Answer 6

recientemente encontré esto. Solía: display:block;

Answer 7

es necesario aplicar la siguiente propiedad CSS para el bloque contenedor (div):

overflow-wrap: break-word; 

De acuerdo con las especificaciones (fuente CSS | MDN):

La propiedad overflow-wrap CSS Especifica si el navegador debe insertar saltos de línea dentro de las palabras para evitar que el texto desborde su cuadro de contenido.

con el valor ajustado a break-world

Para evitar desbordamiento, normalmente palabras irrompibles pueden romperse en los puntos arbitrarios si no hay otra manera puntos de ruptura aceptables en la línea.

Vale la pena mencionar ...

La propiedad fue originalmente una extensión no estándar y sin prefijo Microsoft llama word-wrap, y se llevó a cabo por la mayoría de los navegadores con el mismo nombre. Desde entonces se ha cambiado el nombre a overflow-wrap, siendo word-wrap un alias.

---

Si se preocupan por navegadores antiguos apoyo que merece la pena especificar tanto:

word-wrap : break-word; 
overflow-wrap: break-word; 

Ex. IE9 no reconoce overflow-wrap pero funciona con word-wrap