0

私はしばらくこれをやろうとしてきましたが、ナビゲーションバーを中央に置くことができないようで、その幅をその中にあるすべてのものに合わせて調整したいと思っています。

<nav>
    <ul id="menu" class="black">
        <li><a href="index.html">Home</a></li>
        <li><a href="services.html">Services</a></li>
        <li><a href="blog.html">Blog</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>
</nav>

http://jsfiddle.net/e4fa6/

4

3 に答える 3

2

あなたのliを次のように設定して、私が行ったいくつかの変更：

#menu li {
  display: inline-block;
  float: none;
  margin: 0;
}

また、 #menu を次のように設定します。

#menu {
  text-align: center;

}

デモはこちら: http://jsfiddle.net/e4fa6/2/

于 2013-08-08T21:03:38.937 に答える
0

私は更新であなたのフィドルをフォークしました: http://jsfiddle.net/dvdNf/

あなたのにwidth: 25%;とを追加しましたtext-align: center;<li>

于 2013-08-08T21:02:51.077 に答える