水平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/那里你去为这个小提琴。