css 表格 文字垂直居中

 

要实现以下的效果

 

内容高度是不固定的

1.文字外层 position:relation; 文字层position:absolution;top:0;bottom:0;left:0;right:0; margin:auto; 此为了文字层居中

2.文字层display：table;vertical-align:middle;

 

参考

<div style="display:table">

<em style="display:table-cell;vertical-align:middle;">文字层</em>

</div>