我试图中心链接1,链接2,链接3在以下网页居中在导航栏的多个链接:无法弄清楚如何使用CSS
http://i.imgur.com/qNimZCs.png?1
下面是相关HTML位:
<a class="logo" href="#"><p>Logo</p></a>
<ul class="nav">
<li><a class="link" href="#"><p>Link 1</p></a></li>
<li><a class="link" href="#"><p>Link 2</p></a></li>
<li><a class="link" href="#"><p>Link 3</p></a></li>
</ul>
和这里的CSS:
.link
{
font-size: 1em;
margin-left: 0;
margin-right: 0;
font-weight: none;
text-decoration: none;
color: #123456;
display: inline-block;
padding: 0 0;
}
.nav
{
margin-left: 0;
display: inline-block;
margin-bottom: 5px;
margin-top: 5px;
}
.nav li
{
display: inline-block;
margin: auto;
}
我试过每一个C我能想到的事情的组合。
具体而言,我试图将链接居中,使它们均匀地沿导航栏均匀分布。有没有人看到我在做什么错了?
编辑:
的jsfiddle链接:http://jsfiddle.net/B362m/
请提供'jsfiddle' –
@DoanCuong http://jsfiddle.net/B362m/ - 如果没有准备好,缩小结果窗口,直到它捕捉到移动设置 – xcdemon05