自动换行不适用于LI元素

Question

我想在宽度内自动包装单词。

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

现在可以正常使用white-space:normal

ul li{
     white-space:normal;
}

Answer 1

请尝试一下......

ul li {
    word-break: break-all;
}

Answer 2

在CSS元素中添加空白：常规：

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

Answer 3

这对我来说很好，因为无论是否带空格，它都能正确包装：

li {
    word-break: break-all;
    }

Answer 4

使用word-wrap:break-word;对我来说非常好，这里是jsfiddle