无固定高度的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新属性，使用时需注意兼容性。