％高度的線高度

Question

當我想在div中垂直居中文本時，例如添加行高度;

<div class="text"> Text </div> 

.text{ 
    height:50px; 
    line-height:50px; 
} 

但如果高度：5％，如何給出的line-height在格垂直居中文本值？

Answer 1

如果您至極居中的div的中間文本只需添加：

display:table-cell; 
vertical-align:middle; 

你的DIV，它會在中間垂直allign它。

CSS

<div class="text"> Text </div> 

.text{ 
    height:50px; 
    display:table-cell; 
    vertical-align:middle; 
} 

例http://jsfiddle.net/JaP22/