防止导航菜单换行答案

【问题标题】：Preventing navigation menu to wrap防止导航菜单换行
【发布时间】：2017-10-06 10:24:27
【问题描述】：

我的网站 (www.maranto.eu) 的导航菜单在我笔记本电脑的 Chrome 上换行到第二行。它不会发生在 IE 上的同一设备上，也不会发生在我桌面上的 Chrome 上。我试图删除我的缓存，设置 display:inline 属性并通过论坛找到解决方案，但我一直无法找出要放入的正确代码。我能做些什么来解决这个问题？感谢您的帮助！

【问题讨论】：

请阅读How to Ask。您需要直接在问题中显示相关代码（否则，如果您在网站上解决问题，它将失去对未来读者的所有价值，因此问题将变得无法重现。）
话虽如此，如果你只是停止浮动.edgtf-vertical-align-containers .edgtf-position-right，那似乎已经解决了问题。
试试这个，也许是你的问题？：stackoverflow.com/a/20024897/6503551
@CBroe 抱歉，这是我的第一个问题，我不知道。下次我会尝试发布相关代码。感谢您的帮助！

标签： html css

【解决方案1】：

问题是您有一个 :before ，这导致最后一个 li 与其他 li 不在同一行。我不知道为什么之前存在，但是如果你覆盖它，问题就消失了

.edgtf-vertical-align-containers .edgtf-position-center:before, .edgtf-vertical-align-containers .edgtf-position-left:before, .edgtf-vertical-align-containers .edgtf-position-right:before {
    content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        margin-right: -3px;
    }

只需使用 display:none 就可以了。

【讨论】：

很高兴我能帮上忙！ :D