<div><img src="picture.png"/></div>这样的格式在html5的文档标准下会有一段空白区域，那么怎样去掉这部分空白区域呢？可参考https://jingyan.baidu.com/article/7082dc1c69dc6fe40a89bdfe.html，
我在实践中的做法是给img设置display：block；
遇到的一点是开始设置的vertical-align：middle，发现一些元素仍是会出现白色空白区域，改用display：block；就好了。
另外在开发过程中当img内src属性为空时，使用电脑的调试器，整个页面是没有问题的，使用ios手机测试页面也是没有问题的，但是在Android手机上会出现这种问题
为了避免这个问题的出现，尽量不要在页面中写入没有src的img标签，如果需要插入img可以通过js控制