1

私はテキストを中央に揃え、左と右のパディングを同じ値にしています (アクティブなページ リンクの背景色を平準化するため)。

<div class="span12" id="mn">
<ul>
<li><a id="mn1"><?php wp_nav_menu( array( 'theme_location' => 'main-menu'  ) ); ?></a></li>
</ul>
</div>

    #mn a:hover {
color: white;
background-color: #14A4FA;
text-decoration: none;}

    #mn ul li.current-menu-item {
background-color: #14A4FA;}

    #mn ul li {
display: inline;
text-align: center;
padding-right: 15px;
padding-left: 15px;
color: white;
font-weight: bold;
font-size:15px;}

メニュー全体がわずかに (右に約 15 ピクセル) 右に移動します

どうすれば修正できますか？

ありがとうございました！

4

1 に答える 1

1

これは、デフォルトでインデントが設定されている ul タグによるものです。以下を使用すると、修正されるはずです。

#mn ul {マージン: 0; パディング: 0}

また、デフォルトの li スタイル (箇条書きなど) を削除するための CSS ルールも見当たりません。以下を使用することをお勧めします。

#mn ul {list-style-type: none}

于 2013-11-10T11:42:28.537 に答える