Question

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

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

Answer 1

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

如果你想让元素相对于它的容器（可能是你的页面的body或其他元素）居中，你可以这样做：

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

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

Answer 2

请通过此

更新您的CSS

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


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

如何使MenuBar居中

2 个答案: