CSS控制div、文本内容自适应垂直居中

table-cell不支持IE7

通常我们知道固定的高度让文本垂直居中只要设置：

height:50px; line-height:50px

在某些情况下我们不知道内容高度但是也无法设置line-height的值

只要在包含内容的容器下设置：

display:table-cell; vertical-align:middle;

<div style="display:table-cell; vertical-align:middle;">
  <p>不固定的内容高度</p>
</div>

同样的也能让div自适应垂直居中，只要外层设置了display:table-cell; vertical-align:middle;