Question

我想把这个导航栏放在中心位置，所以我需要它在中间完整的代码在这里： http://jsfiddle.net/H5SN9/1/

谢谢

<div class="nav">           
 <ul> 
</ul>
</div>

CSS

.nav{
 margin-left:auto;
 margin-right:auto;
width: 100%;
 }
 .nav ul {
 width: 100%;
margin: 0;
padding: 0;
list-style: none;
font-size: 1.5em;
font-weight: 300;
 }

Answer 1

从float:right移除li并将其display:inline-block。

另外，从width:100%移除.nav ul，将其display:inline-block给予，这将根据其子项lis保持其宽度。

并调整.nav

的中心文字

注意：inline-block元素之间留有空格。要删除此空格，请使用以下注释：

<li>
    ...
</li><!--
--><li>
    ...
</li>
.nav {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.nav ul {
    display:inline-center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.5em;
    font-weight: 300;
}

Updated fiddle here.

我想把这个导航栏放在中心，现在它的浮动，所以我需要它在中间

1 个答案: