在css3中有一种居中方法 父元素 display：-webkit-box      -webkit-box-pack：center；表示垂直居中       -weblit-box-align：center；表示水平居中

单独使用可以实现单独的水平或垂直居中，两个结合可以实现完全居中

完全居中方法：父元素设置display：flexed    子元素设置   margin：auto

（b），子元素 position：absolute  ， top：0； bottom：0；  left：0；  right：0； margin：auto

（c）  父元素  display：table-cell;  vertical-align：middle；    子元素：margin：auto；

居中方法