自動換行在 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

這對我來說很有效，因為它可以正確包裝或不使用空格：

li {
    word-break: break-all;
    }

Answer 4

使用word-wrap:break-word; 對我來說效果很好，這里是jsfiddle