html - 有没有办法强制水平导航菜单中的多字 li 保持在一行?

标签 html css navigation

我有一些 HTML:

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

这是水平菜单的样式。我列表中的链接数量使得导航需要下降到两行。但我不希望它落在中间的地方。也就是说,因为我的链接是多词的,所以它往往会落在一个元素的中间。执行此操作的任何方法都会强制下一行始终位于 <li> 之间的某个位置。元素?

最佳答案

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

关于html - 有没有办法强制水平导航菜单中的多字 li 保持在一行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10441103/

相关文章:

html - SQL 语句提供意外结果

css - 两个固定 Div 之间的响应 Div

android - Bootstrap 表单输入在 iPhone 上看起来乱七八糟,但在 Android 上看起来不错

iOS 如何转到上一个 View

jquery - bootstrap - tabbable,左边的标签根本不起作用

html - HTML5 文档类型定义在哪里?

css - 我无法将一个 DIV float 到另一个 DIV 旁边的问题

javascript - 为什么我的 Sprite 在不改变变量的情况下加速?

css - 如何仅针对 WordPress 上的顶级导航项显示事件状态(例如下划线)?

css - 垂直居中导航 UL LI