垂直居中的文本 - div维度未知

Question

以下是示例：http://jsfiddle.net/X2sMa/

我需要将div中的文本垂直居中，我找到了this technique，但每当我设置div来显示：inline-block;文字消失了。任何想法如何使它工作？

Answer 1

如果您不打算支持IE7，那么您可以使用display: table-cell和vertical-align: middle，否则您将无法使用表格。

Answer 2

您在div.mask的代码中使用绝对定位，因此您可以将段落定位为：

<div class="mask" style="position: absolute; top: 0; left: 0;">
    <p style="position: relative; top: 50%;">1500 notes</p>
</div>