用CSS3中的flexbox 布局模式使div内容垂直居中：

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;
    }

作者：陈裕皓
链接：http://www.zhihu.com/question/24475073/answer/53921272
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。