使用flex网格布局，这样就很简单了,代码如下：
垂直居中
css代码，关键就在这：
.flexbox { height:300px; width:300px; display: flex; justify-content: center; align-items: center; }
这是css3对浏览器各大版本的兼容性如下：
文字垂直居中可以使用line-height，也可以使用块元素设置后使用vertical-align垂直居中。
