水平css菜單問題

Question

我有一個簡單的ul水平菜單，它存在於設置爲10％高度和100％寬度的div內。一個人如何在文本中橫向和縱向放置文本？

#navlistcontainer { 
    position:fixed; 
    height:10%; 
    bottom:0px; 
    left:0px; 
    right:0px; 
} 
#navlist li { 
    display: inline; 
    list-style-type: none; 
} 
#navlist li a { 
    color:#FFF; 
} 

    <div id="navcontainer"> 
    <ul id="navlist"> 
     <li><a href="index.html">START</a></li> 
    </ul> 
    </div> 

Answer 1

試試這個：

#navlist { 
text-align: center; 
display: block; 
} 

#navlist li { 
display: inline; 
} 

對於垂直對齊你需要設置的navlistcontainer等於它的高度的行高。我不確定它會以百分比表示高度。試想一下：

#navlistcontainer { 
height: 50px; 
line-height: 50px; 
} 

這裏是一個的jsfiddle：http://jsfiddle.net/FH9sZ/

Answer 2

你不應該定義高度百分數的關係。 http://jsfiddle.net/zzdGx/那裏你去爲這個小提琴。