Question

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

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

防止导航菜单换行

1 个答案: