Question

我的导航栏居中很困难。尝试了很多事情，例如background-position: center或display: inline-block; list-style-type: none;它似乎无法奏效。另外，我不能简单地在左侧放置边距。你有其他想法让酒吧居中吗？ http://www.filmfutter.com/forum/

.zetta-menu {
 background-color: #000;
 background-position: right center;
 font-family: arial;
 font-size: 12px;
 font-weight: bold;
 height: 30px;
 line-height: 0;
 max-width: 978x;
 min-height: 30px;
 position: relative;

Answer 1

添加margin:0 auto;

...................

Answer 2

确保该元素设置为display: block;并以margin: 0 auto;

为中心

Answer 3

您可以使用margin:auto将其置于中心位置。

注意：您在CSS的其他地方有一些其他声明将边距设置为0，因此我在此示例中添加了!important。

.zetta-menu {
    background-color: #000;
    background-position: right center;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 0;
    max-width: 978x;
    min-height: 30px;
    position: relative;
    margin: 0 auto!important;/* < just add this line to what you have already */
}

Answer 4

使用时应使用！在margin之后重要：0 auto。 eg- margin：0 auto！important。！重要的属性不能被任何其他类或ID覆盖

如何使CSS中的导航栏居中

4 个答案: