如何垂直居中几行文本？

Question

我正在尝试将一些 3 行文本垂直居中在我正在玩的这个示例中

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

但我注意到我不能使用 line-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;
}

不确定它是否会在示例的当前布局下工作。