各种水平垂直居中

 text-align:center

line-height=容器高度

文本设置<span>标签
  span{
                     display: table-cell;
                     vertical-align: middle;
                     text-align: center;
   }
父元素设置
                  display: table;

     容器div设置
         display: table-cell;
         text-align: center;
         vertical-align: middle;
     div下的img 设置
         vertical-align: middle;

容器div设置
  background-size:200px 200px;
               background: url() center no-repeat

 position定位 万能法
                自身：div{
        width: 200px;
        height: 200px;
        border: 1px solid red;
        position: relative;
        left: 50%;
        top:50%;
        margin: -100px 0 0 -100px;
        }     //  margin-left和margin-top 为负自身长度的一半

  margin:0 auto；