中心菜单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

回答

相关问题