0

リストアイテムをナビゲーションバーの中央に配置するにはどうすればよいですか？リストアイテムの幅はさまざまです。ありがとう

<div class="wrapper" style="width:100%">
<div class="nav" style="width:100%">
    <ul>
        <li><a href="#">HOME</a></li>
        <li><a href="#">PROJECTS</a></li>
        <li><a href="#">TOURS</a></li>
        <li><a href="#">VOLUNTEER</a></li>
    </ul>
</div>
</div>
4

2 に答える 2

2

これを試してください：

.nav ul {text-align: center;}
.nav ul li {display: inline-block; *display: inline; *zoom: 1; border: 1px solid #999; background: #ccc; padding: 5px;}​​
.nav ul li a {text-decoration: none;}

</nav>あなたは実際にであるを与えました</div>。修正されたHTML：

<div class="wrapper" style="width:100%">
    <div class="nav" style="width:100%">
        <ul>
            <li><a href="#">HOME</a></li>
            <li><a href="#">PROJECTS</a></li>
            <li><a href="#">TOURS</a></li>
            <li><a href="#">VOLUNTEER</a></li>
        </ul>
    </div>
</div>​

お役に立てれば。フィドルをチェックしてください！:)

于 2012-06-23T04:03:33.303 に答える
1

試す

.nav ul {text-align：center;}

それがうまくいかない場合は、試してみてください

.nav ul {幅：100％; オーバーフロー：非表示;} .nav ul li {position：relative; margin：0px auto;}

于 2012-06-23T03:57:51.193 に答える