关于居中

1.水平居中的 margin：0 auto;

    a.图片设为块级，margin：0 auto;

    b.不浮动

2.水平居中 text-align：center；

    a.行级块元素，父元素设text-align：center；

    b.不浮动

3.水平垂直居中（一）定位和需要定位的元素的margin减去宽高的一半

    a.子绝父相定位

    b.图片设top: 50%;   left: 50%;  margin减去本身一半

4.水平垂直居中（二）定位和margin:auto;

    a.子绝父相定位

    b.图片设top: 0;   left: 0;   right: 0;  bottom: 0;   margin: auto;

5.水平垂直居中（三）绝对定位和transfrom

    a.原理如3

    b.用transform: translate(-50%,-50%)，不用知道具体宽高