自动换行不适用于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

将 white-space:normal 添加到您的 CSS 元素中：

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

Answer 3

使用word-wrap:break-word;对我来说效果很好，这是jsfiddle