居中导航菜单

我一直无法在博主上集中导航栏。我看起来像是一件很容易做的事情，但这次很麻烦。居中导航菜单

我已经尝试文本对齐，保证金：0汽车;等等等等。没有什么似乎奏效！

如果有人可以帮助我走出这将是巨大的，欢呼声

当前代码：

.nav{ 
position: relative; 
margin: auto; 
list-style-type: none; 
text-transform: uppercase; 
text-align: center; 
border-top: 1px solid #aaaaaa; 
list-style:none; 
text-align:center; 

} 

li { 
    display:inline-block; 
} 


<ul class="nav"> 
<li><a href="http://www.hannahallinson.com/">Home</a></li> 
<li><a href="http://www.hannahallinson.com/p/about.html">About</a></li> 
<li><a href="http://www.hannahallinson.com/p/contact.html">Contact</a></li> 
<li><a href="http://www.instagram.com/hannahallinson">Instagram</a></li> 
<li><a href="http://www.twitter.com/hannahallinson">Twitter</a></li> 
</ul>

来源

2014-09-01 user3087394

可能的重复[如何以ul为中心菜单栏]（http://stackoverflow.com/questions/22236080/how-i-can-center-a-menu-bar-with- UL） – 2014-09-01 20:08:41

删除float: left;到.tabs .widget li, .tabs .widget li

试试这个：

.tabs .widget li, .tabs .widget li { 
margin: 0; 
padding: 0; 
}

相反的：

.tabs .widget li, .tabs .widget li { 
margin: 0; 
padding: 0; 
float: left; 
}

来源

2014-09-01 19:19:57 Anonymous

两个text-align:center和margin:0 auto可以逻辑上仅工作，如果为中心元素有一个非默认的宽度，因为否则为auto，其中block元素为100％。填充其整个父项的元素不能居中。

给出ul.nav固定宽度，它将居中。

要使用text-align:center您还需要限制ul，例如也可以使用display:inline-block。 See this sample。

来源

2014-09-01 19:19:32

添加文本对齐：中心;父母的div

来源

2014-09-01 19:20:47 Sidharth

居中导航菜单

回答

相关问题