在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；