CSS位置調整

香港專業教育學院的問題與我的頭菜單的CSS，時儘量中心菜單使用下面的CSS代碼，CSS位置調整

.header ul.nav li { 
     float:right; 
     position-right:0px; 
     margin: 20px 0 0 15px; 


    } 
    .header ul.nav li a{ 
     color: #fcd770; 
     text-decoration:none; 
     font-weight:bold; 
     padding-right:50px; 


    }

的輸出始終是菜單走在右邊，甚至當我刪除浮動：右其搞砸，我是什麼也看這裏移動菜單的全團中央保持同一空間btween的各個環節，我的我的菜單代碼

<ul class="nav"> 
      <li><a href="#">Home</a></li> 
      <li><a href="/about/">about</a></li> 
      <li><a href="https://stackoverflow.com/users/">user</a></li> 
      <li><a href="/support/">Support</a></li> 
     </ul>

來源

2011-09-20 LeoSam

你從哪裏得到'位置right'？它不存在.. – thirtydot

是否有一些CSS在這裏丟失，用於'.nav' /'.header'？你可以做一個[jsFiddle演示]（http://jsfiddle.net/）你到目前爲止？確保它顯示你的問題。 – thirtydot

查看完整演示sudanesetweeps.com/new/index3w.php – LeoSam

在.header ul.nav，加text-align: center。

在.header ul.nav li，刪除float:right和不存在position-right:0px;，再加入display: inline-block。

如果您需要支持IE7，用這個display: inline-block：

display: inline-block; 
*display: inline; 
zoom: 1

來源

2011-09-20 10:58:20 thirtydot

回答

相關問題