中心菜單CSS

-2

我怎麼能中心在CSS這個頂部菜單：中心菜單CSS

我有這樣的HTML結構：

<div class="wrapper_menu_hoz"> 
    <div class="container_24 "> 
     <div class="grid_24 em-area05"> 
      <div class="nav-container"> 
       <ul id="nav"> 
       </ul> 
      </div> 
     </div> 
    </div> 
</div>

來源

2016-08-26 Robert

沒有ü檢查？文本對齊：導航容器的中心...像'display：inline-block; text-align：center;'對於nav – devpro

尋求代碼幫助的問題必須包含在問題本身**中重現它所需的最短代碼**，最好在[** Stack Snippet **]（https：// blog。 stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）。請參閱[**如何創建一個最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

@Anju？這根本不是一個好的解決方案！。 RobetD，看我下面的答案。讓我知道它是否有幫助 –

有許多方法可以做到這一點。這也取決於你對其餘項目什麼代碼，但基本上這是做它的方式：

看到片段

ul { 
 
    text-align:center; 
 
    display: block; 
 
    margin: 0 auto; 
 
    padding:0; 
 
    width:100%; 
 
} 
 
ul > li { 
 
    display: inline-block; 
 
    padding:0 15px; 
 
}

<div class="wrapper_menu_hoz"> 
 
    <div class="container_24 "> 
 
     <div class="grid_24 em-area05"> 
 
      <div class="nav-container"> 
 
       <ul id="nav"> 
 
       <li>ITEM</li> 
 
       <li>ITEM</li> 
 
        <li>ITEM</li> 
 
       
 
        <li>ITEM</li> 
 
       </ul> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

來源

2016-08-26 15:57:44

-2

我建議加上margin: 0 auto;對資產淨值的元素，記得他父母必須在身體的100％寬度上

來源

2016-08-26 10:04:26

回答

相關問題