％高度的行高

Question

当我想在div中垂直居中文本时，例如添加line-height;

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

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

但是如果高度：5％，如何在div中垂直给出行高为中心文本的值？

Answer 1

如果您想在div的中间居中文本，请添加：

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

到你的div，它会垂直对齐它。

<强> CSS

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

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

示例 http://jsfiddle.net/JaP22/