如何将文本行垂直居中？

Question

我试图在这个我正在玩

的例子中垂直居中3行文字

http://thejit.org/static/v20/Jit/Examples/Treemap/example1.html#

但我注意到在这种情况下我无法使用line-height或height。在没有使用高度或线高的情况下，还有其他垂直居中方式吗？

//下面这段代码不能正常工作

.node {line-height:8em;}
.node p {display:inline;display:inline-table;display:inline-block;
            vertical-align:middle;}

Answer 1

您可以尝试display:table和vertical-align:middle

所以，它会像

.node{
    display:table;
}

.node p{
    display:table-cell;
    vertical-align:middle;
}

在给定示例的当前布局的情况下，不确定它是否会起作用。