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

Question

我有一些 HTML：

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

这被设计为水平菜单。我的列表中的链接数量使得导航需要下降到两行。但我不希望它掉在中里的地方。也就是说，因为我的链接是多词的，所以它往往会落在一个项目的中间。有什么方法可以强制下一行始终位于<li>元素之间的位置？

Answer 1

只需将 css 添加white-space:nowrap;到 li 的