如何让一个div里面的div垂直居中?

CSS3时代固然要用CSS3的完美解决办法。不能忍受之前的height和line-height同高等等的解决方法,想一想都以为不优雅。html

用CSS3中的flexbox 布局模式:web

.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
来源:知乎
著做权归做者全部。商业转载请联系做者得到受权,非商业转载请注明出处。布局