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

方法一：

在父元素上设置

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新属性，使用时需注意兼容性。