方法一:
在父元素上设置
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新属性,使用时需注意兼容性。