段落垂直居中

Question

我有这样的事情：

<p style="text-align:center;background-color:yellow;"><span style="vertical-align:middle;">My text goes here...</span></p>

显然，正如您在此处看到的那样，我的意图是将跨度居中于该段落内（水平和垂直）。文本水平居中就好了，但是为什么垂直居中不起作用？怎么了

谢谢

Answer 1

http://jsfiddle.net/gxArp/

display:table;在p和display:table-cell;上使用span。

p{
    text-align:center;
    background-color:yellow;
    height:50px;
    width:100%;
    display:table;
}
span{
    display: table-cell;
    vertical-align: middle;
}