html中消除图片间隙方法总结

设置

1.

 img
{
  outline-width:0px;
  vertical-align:top;
}

2.
在img标签的父级上写：font-size:0;//这个在解决display：inline-block出现的问题也有帮助

3.多个img标签写在一行

<img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"/>
<img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"/>

<img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"/><img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"/>