图片居中

三种方法

1.父级设置display：table-cell，text-align：center，vertical-align：middle；

2.给图片再加一个同级的span，在img和span上同时添加display：inline-block，vertical-align：middle；再给span的height：100%；给父级添加上text-align：center

3.父级给text-align：center，line-height设置成和父级一样高（因为img默认是行内块元素，所以直接将行高拉起来之后，图片默认在行高的中间）