如何讓一個div裏面的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;
    }

CSS裏總算是有了一種簡單的垂直居中佈局的方法了！
參考自： CSS - flexbox

做者：陳裕皓
連接：https://www.zhihu.com/question/24475073/answer/53921272
來源：知乎
著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。