网站代码 IMG图片下方总有空白去不掉

最近遇到个图片下方有空白去不掉的问题，img下方与父容器之间经常出现间隙，大概是3px，是 Web 开发非常常见的问题。

代码如下：

<div class="aboutBanenr">
    <img src="/images/ab-banner.jpg">
</div>

.aboutBanenr{ text-align:center;}


.aboutBanenr img { width:1440px; height:auto;}

展示效果：

解决方法：

（1） 设置 img  display: block （设置display:block时，图片会不居中;建议用方法2）
（2） 设置 img  vertical-align: middle

（3） 设置 img 父容器的  font-size: 0px