texte sortant de la division

Question

Lorsque le texte est sans espaces y plus que la taille du div 200px il s'écoule La largeur est définie à 200px J'ai mis mon code ici http://jsfiddle.net/madhu131313/UJ6zG/ Vous pouvez voir les photos ci-dessous édité : Je veux que le texte passe à la ligne suivante.

Answer 1

Cela a fait l'affaire pour moi :

{word-break: break-all; }

Answer 2

Si cela peut vous aider. Ajoutez la propriété suivante avec une valeur à votre sélecteur :

white-space: pre-wrap;

Answer 3

Cette astuce fonctionne pour moi :

{
  word-break: break-all;
  white-space: pre-wrap;
}

espace blanc
Coupure de mots

Answer 4

J'ai récemment rencontré ce problème. J'ai utilisé : display:block;

Answer 5

S'il s'agit d'une seule instance qui doit être enveloppée sur 2 ou 3 lignes, j'utiliserais simplement quelques <wbr> dans la ficelle. Il les traitera comme <br> mais il n'insère pas le saut de ligne s'il n'est pas nécessaire.

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

Voici un violon.

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