2019独角兽企业重金招聘Python工程师标准>>> 
CSS3时代当然要用CSS3的完美解决办法。不能忍受以前的height和line-height同高等等的解决方法，想想都觉得不优雅。
用CSS3中的flexbox 布局模式：
.vertical-container{
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
CSS里总算是有了一种简单的垂直居中布局的方法了！
参考自： CSS - flexbox
作者：陈裕皓
链接：https://www.zhihu.com/question/24475073/answer/53921272
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。