img标签与div元素拼接留白问题

在写样式时，有遇到过一个问题，当我写一个img标签与一个div元素进行拼接时，会有空隙，经查阅，得知是对img标签不够了解。

img标签

是一个图片标签，用法：
<img src="url" title="名称" alt="加载失败显示数据"/>

默认图片是inline-block类型的，并且它在底部是有默认的空格，以及会解析标签中间的空格，img标签之间的间隙是会被解析的，包括图片下面也有默认的间隙。

解决方案：

1. 将img标签设置为block元素
2. 使用vertical-align的形式可以去除掉img的默认的样式。
   vertical-align: top/middle/bottom.