Html 换行符在LI元素中不起作用

我想把单词自动包装在宽度范围内

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

---

使用

换行：断开单词对我来说非常好这里是
请尝试一下

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

将空白：法线添加到CSS元素：

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

这对我来说很好，因为它正确地包装了带或不带空格的内容：

li {
    word-break: break-all;
    }

你能告诉我你在用什么作为CSSIt的工作工具吗？你能分享完整的html和CSST吗？谢谢你的回复。。现在“空白：正常”也可以用了。空白：正常也为我做了。谷歌一直在显示这个答案，但这对我不起作用。另一个非常困难的答案对我来说确实有效。
li {
    word-break: break-all;
    }