如何使MenuBar居中

时间:2015-02-17 14:39:42

标签: html css

嗨,我想把我的菜单栏放在中心,没有运气,下面是css编码

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

2 个答案:

答案 0 :(得分:1)

您尝试使用text-align: center;来对齐中心元素的内容。

如果你想让元素相对于它的容器(可能是你的页面的body或其他元素)居中,你可以这样做:

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

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

答案 1 :(得分:0)

请通过此

更新您的CSS
     #menubar {
             width: 940px;
             height: 50px;
             text-align:center;
             margin: 0 auto;
     }


<div id="menubar"></div>