2017-10-06 72 views
0

我的網站(www.maranto.eu)的導航菜單在我的筆記本電腦上的Chrome瀏覽器的第二行。它不會發生在我的桌面上的Chrome上的同一設備上。我試着刪除我的緩存,設置display:inline屬性,並通過論壇尋找解決方案,但我一直無法找出正確的代碼投入。我能做些什麼來解決這個問題?謝謝你的幫助!防止導航菜單換行

+0

請去看[問]。您需要直接在問題中顯示相關代碼(否則如果您在網站上解決問題,將會給未來的讀者帶來所有價值,因此問題將變得無法重現。) – CBroe

+0

這就是說,如果您只是停止浮動' .edgtf-vertical-align-containers .edgtf-position-right',這似乎解決了這個問題。 – CBroe

+0

試試這個,也許是你的問題?:https://stackoverflow.com/a/20024897/6503551 –

回答

0

問題是你有一個:before,這導致最後一個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。

+0

非常感謝!它工作得很好! – Mirien

+0

很高興我能幫忙! :d –