居中我的导航菜单链接

我似乎无法弄清楚这一点。我试过text-align：center; ，显示：内联块和更多，但我不知道如何将我的导航中心＃menu-bottom-nav中。居中我的导航菜单链接

CSS

#menu-bottom-nav { width: 600px; height: 70px; margin: 0px auto;} 
#menu-bottom-nav li { list-style-type: none; float: left; margin-right: 20px;}

任何帮助表示赞赏。

enter image description here

来源

2012-06-07 kia4567

你怎么能指望什么，如果你浮在李的左发生？ – Ian

那么如果我不这样做，他们不会像我想要的那样出现在两条线上。 – kia4567

您不能将没有固定宽度的项目放在中间。 –

尝试了这一点：

<!DOCTYPE> 

<html> 
<head> 
    <title>Test</title> 

    <style type="text/css"> 
     #menu-bottom-nav { 
      margin: 0; 
      padding: 0; 
      width: 600px; 
      text-align: center; 
      border: 1px solid #000; 
     } 

     #menu-bottom-nav li { 
      list-style-type: none; 
      margin-right: 20px; 
      border: 1px solid #ff0000; 
      display: inline-block; 
      *display: inline; 
      zoom: 1; 
     } 
    </style> 
</head> 
<body> 
    <ul id="menu-bottom-nav"> 
     <li>Test</li> 
     <li>Test2</li> 
     <li>Test3</li> 
    </ul> 
</body> 
</html>

来源

2012-06-07 19:15:05 Ian

谢谢ianpgail。 :)我会记住我的导航菜单的格式和样式。 – kia4567

没问题！你可以使用inline-block或inline，这取决于你！ – Ian

我刚刚在IE 7中看到它，它不在那里工作。你知道这可能是为什么吗？ – kia4567

居中我的导航菜单链接

回答

相关问题