製作居中的水平導航

在本網站上，http://usher1f.org/，在移動視圖或瀏覽器縮小至800像素寬度時的視圖中，導航位於左側。我怎樣才能讓導航水平居中？製作居中的水平導航

2014-01-07 user1869585

使用CSS集中某些東西的常用方法是將寬度設置爲某個值，然後將左右邊距設置爲「auto」，對於您的網站，應將以下內容包含在#cssmenu中CSS規則：

#cssmenu { 
    width: 451px; 
    margin: 0 auto; 
}

來源

2014-01-07 23:32:48 wclear

對不起另一個問題。雖然此代碼確實導航中心，但問題是，當瀏覽器寬度縮小到451像素以下時，填充保持在85px。我試圖將填充設置爲0，導航自動向右對齊。這怎麼可以糾正？謝謝！ – user1869585

我再次爲另一個問題表示歉意，當我將瀏覽器寬度設置爲800像素時，導航欄仍然不是真正放置的中心。還有什麼需要做的嗎？ – user1869585

好的 - 我終於明白了這個問題。除了給出特定的寬度外，我還需要將float設置爲「none」。現在看起來很棒！現在，這個問題與此有點不相關，但我想知道是否有人可以提供幫助。在桌面視圖中，您可以看到一個薄的灰色底部邊框，但在移動視圖中或當您將瀏覽器縮小到800像素以下時，灰色線條消失。有什麼建議麼？ – user1869585

製作居中的水平導航

回答

相關問題