解决img 标签 下边距的问题

问题描述：

如下图，如果img标签下跟一个块级标签，那么两者之间会出现一条缝隙。

原因：

原因是行级标签具有自身的定位，图片默认的垂直对齐方式是基线(vertical-align: baseline)

解决方案1：

将图片转成块级元素即可(display: block)。

解决方案2：

更改图片的对齐方式为top(vertical-align: top)。