用未知寬度居中浮動左菜單

我想要我的菜單中的UI的元素是在中心，我嘗試了很多方法，但它不會繼續。看看我的CSS：用未知寬度居中浮動左菜單

#menu { 
    float: left; 
    width: 767px; 
    height: 38px; 
    margin: 11px 0 0 14px; 
    background: url(images/menubg.gif) repeat-x; 
    -webkit-border-radius: 0px 0px 7px 7px; 
    border-radius: 0px 0px 7px 7px; 
    border: 1px solid #efeff1; 
} 
    #menu ul { 
     list-style: none; 
     text-align: center; 
     padding: 0; 
     margin: 0; 
     height: 40px; 
    } 
     #menu ul li { 
      float: left; 
      color: #767676; 
      height: 18px; 
      padding: 11px 0px 11px 0px; 
      display: inline; 
     } 
      #menu ul li a { 
       font-family: Arial, Helvetica, sans-serif; 
       color: inherit; 
       font-size: 12px; 
       text-decoration: none; 
       font-weight: bold; 
       display: block; 
       padding: 0px 23px 2px 23px; 
       border-left: 1px solid #e0e0e2; 
      }

我試過display：inline，text-aling：center，但它沒有正確。非常感謝提前。

來源

2012-07-02 Feel The Noise

您是否嘗試過這個嗎？ http://pmob.co.uk/pob/centred-float.htm或者'display：inline-block'而不是'inline'？小提琴：http://jsfiddle.net/dtTdg/ – biziclop

是的，但都沒有工作......謝謝... –

我刪除了float並添加inline-block代替：

http://jsfiddle.net/dtTdg/1/

#menu ul li { 
    display: inline-block;

來源

2012-07-02 20:15:12 biziclop

OMG，只是傳說中的傢伙，真棒，再次感謝，它插件地獄真棒，再次感謝！ –

雖然它可能不適用於較老的Explorers。您可以嘗試在'#menu ul li'中添加'zoom：1'來修復它。 – biziclop

再次，史詩，它在Internet Explorer中工作得很好。再次感謝！ –

用未知寬度居中浮動左菜單

回答

相關問題