无固定高度的div在父元素中垂直居中的方法

https://blog.csdn.net/u011296285/article/details/78737380

方法一：

在父元素上设置

display:table;
在子元素(div)上设置
display:table-cell;
vertical-align:middle;
方法二：

简单粗暴，直接在父元素上设置

/**垂直居中**/
align-items:center; display: -webkit-flex;
/**水平居中**/
justify-content:center; display: -webkit-flex;

分析：align-items与justify-content属于css3新属性，使用时需注意兼容性。