制作居中的水平导航

在本网站上，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

制作居中的水平导航

回答

相关问题