Css3使元素水平垂直居中

给他父级元素加以下css目标元素就会水平垂直居中了：

-webkit-box-pack:center; /*水平方向:start 左 end 右*/

  -webkit-box-align:center;/*垂直方向:start 左 end 右*/

  display: -webkit-box;

或者：(父级)

display:flex;

justify-content:center;

align-items:center;

最简单的:

display:flex;(父级)
margin:auto;(子元素)