如何将此导航菜单居中?

时间:2016-09-19 03:21:36

标签: html css

<nav>
<a href="/C:\Users\Emily O\Documents\HTML\Osmer Javajam/index.html">Home</a> |
<a href="/C:\Users\Emily O\Documents\HTML\Osmer Javajam/menu.html">Menu</a> |
<a href="/C:\Users\Emily O\Documents\HTML\Osmer Javajam/music.html">Music</a> |
<a href="/C:\Users\Emily O\Documents\HTML\Osmer Javajam/jobs.html">Jobs</a> |
<a href="/C:\Users\Emily O\Documents\HTML\Osmer Javajam/about.html">About</a>
</nav>

我需要知道我的作业,我不知道它做了什么导致我在课堂上很糟糕。我有一张css表,我已经好好工作了几个小时,我希望它有意义。

1 个答案:

答案 0 :(得分:1)

您可以使用text-align

&#13;
&#13;
nav{
   text-align:center;
}
&#13;
<nav>
<a href="/C:\Users\Emily O\Documents\HTML\Osmer Javajam/index.html">Home</a> |
<a href="/C:\Users\Emily O\Documents\HTML\Osmer Javajam/menu.html">Menu</a> |
<a href="/C:\Users\Emily O\Documents\HTML\Osmer Javajam/music.html">Music</a> |
<a href="/C:\Users\Emily O\Documents\HTML\Osmer Javajam/jobs.html">Jobs</a> |
<a href="/C:\Users\Emily O\Documents\HTML\Osmer Javajam/about.html">About</a>
</nav>
&#13;
&#13;
&#13;

以上内容实际上并不是nav元素的中心,而是它的内联文本内容。