Question

我有以下site here使用CSS作为Nav元素。我已经将类定义为以下，但即使我指定了！important，它也会使菜单文本向左冲洗！

#nav {
    -moz-box-shadow: 0 1px 1px #000; 
    -webkit-box-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 1px #000;
    clear: both;
    color: #fff;
    font-size: 13px;
    margin: 0 auto;
    overflow: hidden;
    font-family: 'Droid Serif', arial, serif!important; 

height: 30px;
width: 100%;
text-align:center;
padding-top: 3px;
border-bottom: 1px solid white;
position: relative;
background-color: #BD8D2B;
}

Answer 1

您不需要将UL元素浮动到左侧，只需要将LI浮动。将UL浮动到左侧是将该内容块推向左侧。删除浮动并应用边距：在元素的左侧和右侧自动将其置于现代浏览器中。

#nav ul {
  padding: 0 0 0 10px;
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

Answer 2

正如j08691建议你应该从ul元素中移除float:left;并添加margin:0 auto;以使菜单居中。

#nav ul { 
  float:none; 
  margin: 0 auto;
 }

CSS文本对齐：即使指定了！important，也忽略了中心

2 个答案: