divの縦と横の中心ul

Question

下のコードに従って、 "div"の "ul"を縦と横の中央に配置するのに役立つ人はいますか？

ありがとうございました！

<div id="nav"> 
    <ul> 
    <li><a class="top" href="#top"><span></span></a></li> 
    <li><a class="bottom" href="#bottom"><span></span></a></li> 
    <li><a>Link 1</a></li> 
    <li><a>Link 2</a></li> 
    </ul> 
</div> 

CSS

#nav { 
    height:35px; 
    border-bottom:1px solid #ddd; 
    position:fixed; 
    top:0px; 
    left:0px; 
    right:0px; 
    background:#fff url(../images/navigation/nav.png) repeat-x center left; 
    z-index:999999; 
} 

#nav ul { 
    list-style:none; 
    margin:auto; 
    float:left; 
    padding:0; 
    display: block; 
} 

#nav ul li { 
    display:inline; 
    float:left; 
    margin:0px 2px; 
} 

#nav a { 
    font-size:13px; 
    font-weight:bold; 
    float:left; 
    padding: 2px 4px; 
    color:#999; 
    text-decoration: none; 
    border:1px solid #ccc; 
    cursor: pointer; 
    background:transparent url(../images/navigation/overlay.png) repeat-x center left; 
    height:16px; 
    line-height:16px; 
} 

#nav a:hover { 
    background:#D9D9DA none; 
    color: #fff; 
} 

#nav a.top span, #nav a.bottom span { 
    float:left; 
    width:16px; 
    height:16px; 
} 

#nav a.top span { 
    background:transparent url(../images/navigation/top.png) no-repeat center center; 
} 

#nav a.bottom span { 
    background:transparent url(../images/navigation/bottom.png) no-repeat center center; 
} 

Answer 1

使用display: inline-block。リンクを追加または削除しても機能し続けるので、これは良いことです。

を参照してください：私が作ったhttp://jsfiddle.net/thirtydot/VCZgW/

重要な変更：

#nav { 
    /*height:35px;*/ 
    padding: 6px 0; 
} 
#nav ul { 
    /*float:left;*/ 
    text-align: center; 
} 
#nav ul li { 
    /*float:left;*/ 
    vertical-align: top; 
    display: inline-block; 
} 

Answer 2

は、これが直接あなたの問題を解決することはできませんが、これらはCSSのセンタリング問題のリンクに私の行く

水平

http://dorward.me.uk/www/centre/

垂直です

text-align: centerと組み合わせる

http://phrogz.net/css/vertical-align/index.html

Answer 3

行うには正しい事はこれです：

あなたはul {display:table; margin:0 auto;}

にスタイルを入れていることすべて;）