html中图片下间隙问题的解决方法

图片下间隙产生原因及解决方法：

 产生原因：

图片默认是文字，而文字默认与基线对齐。

解决方法：

1.设置父元素字体大小为0 font-size:0;（此方法不符合实际）

2.设置行高为  line-height:0;（不符合实际）

 3.改变垂直对齐方式: （ 推荐：默认以基线 baseline对齐 改为 以其他三条线任意一条对齐即可 top  middle  bottom ）

 4.将img（行内块）标签转化模式，转换为块级 display：block（需要去掉文字，因为块级元素 不能和其他内容并排）