我正在将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)向右移动
我该如何解决?
谢谢!
答案 0 :(得分:1)
那应该是因为ul标签默认有缩进。使用以下内容,它应该修复它:
#mn ul {margin:0;填充:0}
此外,我没有看到任何CSS规则来删除默认的li样式(我的意思是子弹点和东西)。您可能想要使用以下内容:
#mn ul {list-style-type:none}