Html 有没有办法强迫水平导航菜单中的多单词li停留在一行上？

我有一些HTML：

<nav>
    <ul>
        <li>Menu Item One</li>
        <li>Menu Item Two</li>
        <li>Menu Item Three</li>
    </ul>
</nav>

<nav>
    <ul>
        <li>Menu&nbsp;Item&nbsp;One</li>
        <li>Menu&nbsp;Item&nbsp;Two</li>
        <li>Menu&nbsp;Item&nbsp;Three</li>
    </ul>
</nav>

菜单项一
菜单项二
菜单项三

---

这是一个水平菜单。我的列表中的链接数量使得导航需要下降到两行。但我不想让它掉在李中段的某个地方。也就是说，因为我的链接是多个单词，它往往会在一个项目中间掉下来。有没有办法强制下一行始终位于

元素之间的某个位置？

只需添加css

空白：nowrap到li的
您可以尝试使用非中断空格替换li项目中的空格，如下所示：



菜单项一
菜单项二
菜单项三


请参见此处的界面：
我认为没有一个词可以概括：无；看起来只是“正常”和“断字”，这两个词在这里都没有任何帮助@binaryorganic：他说
空白：nowrap
，而不是
换行：无
（尽管我不认为
空白：nowrap；
是你问题的答案）。@thirtydot-是的，
空白：nowrap解决了这个问题。它只说了
wordwrap:none大约10秒钟后，我才意识到我使用了错误的设置。查看并收缩右窗格，直到它使每个li作为一个整体进行包装。@binaryorganic-它只说了said
word wrap:none大约10秒钟后，我立即更改了它。你只是没有刷新。
nav li {display:block; float:left; white-space:pre;}