我正在尝试排除一项的边距设置。最后一个,“ Kontakt”
的HTML
<nav>
<ul>
<li><a href="index.html">HJEM</a></li>
<li><a href="forum">FORUM</a></li>
<li><a href="doner.html">DONER</a></li>
<li><a href="servere.html">SERVERE</a>
<li><a href="faq.html">FAQ</a></li>
<li style="margin-right: 0 !important;"><a href="kontakt.html">KONTAKT</a></li>
</ul>
</nav>
的CSS
nav {margin: 10px auto; width: 700px;}
nav ul {width: 700px; height: auto; list-style: none; float: left; padding:0;}
nav ul li a {
background: #FFFFFF;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 18px;
text-align: center;
color: #717171;
text-decoration: none;
float: left;
padding: 8px 0;
width: 106px;
margin: 0px 10px 0 0;
}
nav ul li{ position:relative; float:left;}
nav ul li a:hover {background: #f1f1f1;}
nav ul li ul.submenu {
position: absolute;
width: auto;
display:none;
top: 35px;
}
nav ul > li:hover > ul {
left: 0;
display: block;
}
Center navigation bar
感谢您的宝贵时间,您可以在htttp://hjortefjellet.com上查看代码。
最佳答案
您的保证金权利放在此处的链接上
nav ul li a {
background: #FFFFFF;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 18px;
text-align: center;
color: #717171;
text-decoration: none;
float: left;
padding: 8px 0;
width: 106px;
margin: 0px 10px 0 0;<- margin right
}
因此,您需要做的就是:
<ul>
<li><a href="index.html">HJEM</a></li>
<li><a href="forum">FORUM</a></li>
<li><a href="doner.html">DONER</a></li>
<li><a href="servere.html">SERVERE</a>
<li><a href="faq.html">FAQ</a></li>
<li><a style="margin-right: 0 !important;" href="kontakt.html">KONTAKT</a></li>
</ul>
您也可以使用CSS执行此操作:
nav ul li:last-child a{
margin-right:0;
}