HTML5 <nav>居中

Question

我有点想尝试建立一个网站，但我绝对无法将<nav>标记放在中心位置。我已经阅读了很多线程，其中包含一些建议，包括放入CSS margin: 0 auto;或类似text-align: center之类的内容，但似乎没有任何效果。

我将CSS放在一个单独的文件中，所以，由于我的CSS根本不起作用，我只会把HTML放在这里：

<nav>
    <ul class="nav nav-pills">
        <li class="active"><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="jobs.html">Jobs</a></li>
        <li><a href="contactus.html">Contact us</a></li>
    </ul>
</nav>

我正在使用Bootstrap，我只想把它放在中心位置。

Answer 1

很多方面，但这里最简单。 需要三件事情：

• static void Main(string[] args) { long decimalNum = long.Parse(Console.ReadLine()); StringBuilder sb = new StringBuilder(); Stack<String> BinaryResult = new Stack<string>(); while (decimalNum > 0) { var rem = decimalNum%2; BinaryResult.Push(rem.ToString()); decimalNum = decimalNum/2; } while (BinaryResult.Count > 0) { sb.Append(BinaryResult.Pop().ToString()); } Console.WriteLine(sb.ToString()); Console.ReadLine(); }
• display: block; - 一些金额，可以是百分比
• width - 顶部/底部可以是

另请注意，margin: auto;默认在浏览器中作为块级元素，因此除非在IE 8或更低版本中，否则不需要第一行。

见下面的例子

<nav>

nav {
  display: block;
  width: 150px;
  margin: 0 auto;
}

Answer 2

如果你想做我认为你想做的事情：

nav {text-align:center;}
nav ul {display:inline-block;}
nav ul li {display:inline-block;}

可替换地：

nav {text-align:center;}
nav ul {display:inline-block;text-align:left;}