Html 如何使菜单栏居中
嗨,我想把我的菜单栏放在中间,但运气不好,下面是css编码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
#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