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;
}
在父div的样式中添加样式定义
1
vertical-align:middle;
来设置子div垂直居中