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