如何集中对齐浮动：left ul / li导航菜单与css？ [英] How to centrally align a float: left ul/li navigation menu with css?

问题描述

因此，我有以下CSS来显示水平导航栏：

So I have the following CSS in place to display a horizontal navigation bar using:

.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.navigation li {
  float: left;
  margin: 0 1.15em;
  /*    margin: 0 auto;*/
}

.navigation {
  /*    width: auto;*/
  /*    margin: 0 auto;*/
  text-align: center;
}

我的问题是：如何将导航栏对齐到标题的中央？

My question is: how do I align the navigation bar centrally above the title?

推荐答案

给您的.navigation ul宽度并使用margin：0 auto;

Give your .navigation ul a width and use margin:0 auto;

.navigation ul 
{
  list-style: none;
  padding: 0;
  width: 400px;
  margin: 0 auto;
}

这篇关于如何集中对齐浮动：left ul / li导航菜单与css？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！