Css让容器内多个元素垂直居中

通常我们让容器内的元素垂直居中，方法是给容器一个高度，然后设置line-height为容器的高度，这样就垂直居中了。

容器内如果有多个元素，这样就不行了，line-height会把第一个元素后面的元素给挤的看不见了。

这里的方法是，将父容器转换为table：

display:table;

width:100%;

再所有子元素中再包裹一层容器，转成table的td,设置默认高度，再设置垂直对齐方式：

<div style="display:table-cell;height:80px;vertical-align:middle;">

     <div>...</div> 里面的元素都能垂直居中了。

</div>