因为图片存在浏览器默认的边距，正常的情况下，增加这样的属性来消除多余的边距或者多1px的情况

img {

    display: block;

    border: node;

}

但是这样的话img在父元素里设置

text-align: center

就无法居中，
解决办法： 给图片增加： 

margin: auto;

这样就不需要在父元素增加text-align: center就可以居中了。