例子可以直接看这里 http://www.zhangxinxu.com/study/200911/line-height-text-v-center.html
这篇文章中有一点点解释 http://blog.csdn.net/hdchangchang/article/details/47086565
这一篇提出了一个新想法 http://caibaojian.com/css-vertical-middle.html
总的来说，有三种方法实现高度不固定的多行文字垂直居中对齐，一种是使用父元素line-height + 子元素inline-block，第二种是利用table-cell，第三种是再加一个看不见的标签，三种方法文章里都有提到。