1

我正在将 li 文本与中心对齐，并使左右填充的值相等（以使有效页面链接的背景颜色变平）。

<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 pxs）

我该如何解决？

谢谢！

4

1 回答 1

1

那应该是因为 ul 标签默认有缩进。使用以下内容，它应该修复它：

#mn ul {边距：0; 填充：0}

此外，我没有看到任何用于删除默认 li 样式的 CSS 规则（我的意思是项目符号和其他东西）。您可能想要使用以下内容：

#mn ul {列表样式类型：无}

于 2013-11-10T11:42:28.537 回答