解决div里面img图片下方有一条白色空隙的问题

在写移动端页面的时候，页面背景是一张图片，图片用img标签展示，放在div标签里面，但是渲染出来后，图片下面总是有一条白色空隙，怎么调试也还是一直有，把div的高度设置的跟图片一样高也还是不行，最后发现是img标签的vertical-align属性的默认值是baseline导致的

解决方法：

1、vertical-align 设置为middle

2、img标签的display属性值设置为block

3、div的line-heigh属性值设置为 0