Html 高度百分比的线条高度

当我想在div中垂直居中文本时，例如添加行高

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

---

但如果高度：5%，如何在DIV中给出线高度的垂直中心值？

如果你想在div中间放置文本，只需添加：

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

到你的div，它将垂直排列在中间。

CSS

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

---

示例

属性值必须相同。元素应该在一个表下，以便

垂直对齐

属性工作。这似乎与百分比不匹配，不确定原因。可能是因为匿名表/表行没有高度，但添加实际的表/表行元素似乎没有帮助：