最近遇到个图片下方有空白去不掉的问题，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
