css样式实现内容的垂直居中：
一：不定高
1：存在兼容性问题，低版本的火狐，对于display：flex的不兼容
display:flex;
justify-content:center;
align-items:center;
2：同样存在兼容性问题
display: table-cell；
vertical-align: middle；
3：
top: 50%；
transform: translateY(-50%)；
http://blog.csdn.net/freshlover/article/details/11579669 有介绍8种垂直居中的方法，但是还未尝试。记录一下
原文：http://www.cnblogs.com/DebbieBlog/p/7581178.html