中心下拉菜單裏面本身

（的jsfiddle鏈接頁面的結尾）

我想中心的按鈕「主頁」，「類別」，「工作」，ECC ECC內同樣的酒吧。

換句話說，現在在左側;我想集中它。

<nav id="menu-wrap">  
    <ul id="menu"> 
     <li><a href="/">Home</a></li> 

     <li> 
      <a href="">Categories</a> 
      <ul> 
       <li> 
        <a href="">CSS</a> 
        <ul> 
         <li><a href="">Item 11</a></li> 

         <li><a href="">Item 12</a></li> 
         <li><a href="">Item 13</a></li> 
         <li><a href="">Item 14</a></li> 
        </ul>    
       </li> 
       <li> 
        <a href="">Graphic design</a> 

        <ul> 
         <li><a href="">Item 21</a></li> 
         <li><a href="">Item 22</a></li> 
         <li><a href="">Item 23</a></li> 
         <li><a href="">Item 24</a></li> 
        </ul>    
       </li> 

       <li> 
        <a href="">Development tools</a> 
        <ul> 
         <li><a href="">Item 31</a></li> 
         <li><a href="">Item 32</a></li> 
         <li><a href="">Item 33</a></li> 
         <li><a href="">Item 34</a></li> 

        </ul>    
       </li> 
       <li> 
        <a href="">Web design</a>    
        <ul> 
         <li><a href="">Item 41</a></li> 
         <li><a href="">Item 42</a></li> 
         <li><a href="">Item 43</a></li> 

         <li><a href="">Item 44</a></li> 
        </ul> 
       </li> 
      </ul> 
     </li> 
     <li> 
      <a href="">Work</a> 
      <ul> 

       <li> 
        <a href="">Work 1</a> 
        <ul> 
         <li> 
          <a href="">Work 11</a>  
          <ul> 
           <li><a href="">Work 111</a></li> 
           <li><a href="">Work 112</a></li> 

           <li><a href="">Work 113</a></li> 
          </ul>       
         </li> 
         <li> 
          <a href="">Work 12</a> 
          <ul> 
           <li><a href="">Work 121</a></li> 
           <li><a href="">Work 122</a></li> 

           <li><a href="">Work 123</a></li> 
          </ul>       
         </li> 
         <li> 
          <a href="">Work 13</a> 
          <ul> 
           <li><a href="">Work 131</a></li> 
           <li><a href="">Work 132</a></li> 

           <li><a href="">Work 133</a></li> 
          </ul>       
         </li> 
        </ul>     
       </li> 
       <li> 
        <a href="">Work 2</a> 
        <ul> 
         <li> 

          <a href="">Work 21</a> 
          <ul> 
           <li><a href="">Work 211</a></li> 
           <li><a href="">Work 212</a></li> 
           <li><a href="">Work 213</a></li> 
          </ul>       
         </li> 

         <li> 
          <a href="">Work 22</a> 
          <ul> 
           <li><a href="">Work 221</a></li> 
           <li><a href="">Work 222</a></li> 
           <li><a href="">Work 223</a></li> 
          </ul>       
         </li> 

         <li> 
          <a href="">Work 23</a> 
          <ul> 
           <li><a href="">Work 231</a></li> 
           <li><a href="">Work 232</a></li> 
           <li><a href="">Work 233</a></li> 
          </ul>       
         </li> 

        </ul>     
       </li> 
       <li> 
        <a href="">Work 3</a> 
        <ul> 
         <li> 
          <a href="">Work 31</a> 
          <ul> 

           <li><a href="">Work 311</a></li> 
           <li><a href="">Work 312</a></li> 
           <li><a href="">Work 313</a></li> 
          </ul>       
         </li> 
         <li> 
          <a href="">Work 32</a> 

          <ul> 
           <li><a href="">Work 321</a></li> 
           <li><a href="">Work 322</a></li> 
           <li><a href="">Work 323</a></li> 
          </ul>       
         </li> 
         <li> 
          <a href="">Work 33</a> 

          <ul> 
           <li><a href="">Work 331</a></li> 
           <li><a href="">Work 332</a></li> 
           <li><a href="">Work 333</a></li> 
          </ul>       
         </li> 
        </ul>     
       </li> 

      </ul>  
     </li> 
     <li><a href="">About</a></li> 
     <li><a href="">Contact</a></li> 
    </ul> 
</nav>

http://jsfiddle.net/uHuHE/

來源

2013-10-04 Oscar Zarrus

我沒有看到JSF中間鏈接。 – christopher

我無法將其插入我的帖子http://jsfiddle.net/uHuHE/ –

你的小提琴在哪裏？ –

只是分配text-align: center;到#menu ul a

Demo

側面說明：如果你想在特定的使用嵌套級文本對齊方式，你可以隨時使用>選擇器如此說，例如，您想要對齊第一個下拉列表中的文本VEL，比你可以簡單地使用

ul#menu > li { 
    /* Targets main menu items */ 
} 

ul#menu > li > ul > li > a { 
    /* Targets 1st level dropdown */ 
}

等等......

當你評論，你想中心的主菜單項，比地方使用#menu-wrap#menu {}聲明，某些固定寬度分配給您的#menu比使用margin: auto;

Demo 2

來源

2013-10-04 10:36:55

什麼都沒有發生。按鈕在菜單欄的左側，我想將它移動到中央。按鈕，而不是按鈕裏面的文字 –

@OscarZarrus你的意思是三角形部分？啊只是得到它等待，在它上面工作 –

@OscarZarrus編輯我的答案 –

中心下拉菜單裏面本身

回答

相關問題