Word-wrap pas de travail dans l'élément LI

Je veux enrouler les mots automatiquement dans la largeur.

<ul class="dropdown-menu" style="width:298px;margin:15px 0 0 0;">
     <li>option 1 </li>
     <li>option 2 option 2 option 2 option 2 option 2 option 2</li>
</ul>

C'est maintenant fonctionne bien avec white-space:normal

ul li{
     white-space:normal;
}
pouvez-vous me donner le jsfiddle de quoi êtes-vous à l'aide de CSS
C'est de travailler jsfiddle.net/APuAE
Pouvez-vous partager html et de css
merci u tellement de réponse.. maintenant sa fonctionne bien avec "white-space:normal'
white-space:normal il l'a fait pour moi.

OriginalL'auteur user3322300 | 2014-02-27

  1. 12

    Merci d'Essayer...

    ul li {
    word-break: break-all;
}
    Google ne cessaient de cette réponse et cela n'a pas fonctionné pour moi. Cette autre réponse, qui a été remarquablement difficile a fonctionné pour moi. stackoverflow.com/questions/45157981/css-how-to-wrap-text-in-li

    OriginalL'auteur Piyush Marvaniya

  2. 1

    Ajouter white-space:normal à votre CSS de l'élément:

      word-break: normal;
  white-space: normal;

    OriginalL'auteur David M

  3. 0

    Cela fonctionne bien pour moi, qu'il enroule correctement avec ou sans les espaces:

    li {
    word-break: break-all;
    }

    OriginalL'auteur Michael OConnor

  4. -1

    utilisation word-wrap:break-word; fonctionne parfaitement bien pour moi ici, c'est la jsfiddle

    OriginalL'auteur Alex