Html 如何使菜单栏居中

Html 如何使菜单栏居中,html,css,Html,Css,嗨,我想把我的菜单栏放在中间,但运气不好,下面是css编码 #menubar width:940px; height:50px; float:left; text-align:center; 您尝试使用文本对齐:居中将元素的内容对齐到中心 如果要使元素相对于其容器(可能是页面的正文或其他元素)居中,可以执行以下操作: #menubar { width: 940px; height: 50px; margin-left: auto; margin-right: a

嗨,我想把我的菜单栏放在中间,但运气不好,下面是css编码

#menubar
width:940px;
height:50px;
float:left;
text-align:center;

您尝试使用
文本对齐:居中将元素的内容对齐到中心

如果要使元素相对于其容器(可能是页面的
正文
或其他元素)居中,可以执行以下操作:

#menubar {
    width: 940px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
    text-align: center;
}

通过将左右边距设置为“自动”
,您指示浏览器给出一个相等的值,从而使其居中。

请通过此选项更新css

     #menubar {
             width: 940px;
             height: 50px;
             text-align:center;
             margin: 0 auto;
     }


<div id="menubar"></div>  
#菜单栏{
宽度:940px;
高度:50px;
文本对齐:居中;
保证金:0自动;
}

请也共享html。尝试以下操作:删除浮动并添加
边距:0自动
您将破坏菜单,因为他使用浮动:左:D