inline元素(img)和块状元素(div)、inline-block元素之间出现间距的原因及解决方法

最常碰到的就是img和div/li之间的间距了；
发现很多博文说是因为空白间距引起的
我自己试了下，div和img并不是这样，inline-block确实是因为空白符之类引起的
我把他们写在一行，间距还是存在，设置vertical-align:middle之后就解决了
设置vertical-align

参考 ： https://www.jb51.net/html5/518714.html

有时间详细记录一下