html如何完全去掉图片之间的间距

1、打开html开发工具，新建一个html页面。

2、在html页面创建一个div标签，然后在div标签里创建5个a标签。

3、为了看得更加明显，我们将对新建的div标签、a标签设置样式，然后使用浏览器打开html页面，发现a标签之间是存在间距的。

4、把a标签的代码显示为一行，然后再html页面刷新浏览器查看效果，发现a标签之间的间距不见了。

5、把a标签还是恢复为每个标签显示一行，然后设置a标签父类的样式为：font-size:0。

6、font-size:14px最后在浏览器上刷新页面发现a标签之间的间距没有了。

img标签本身是个行内元素，所以当多个img排在一起时，它们之间如果有回车换行或者空格就会形成空隙，比如

<img src="图片1" />

<img src="图片2" />

<img src="图片3" />

改成下面这样就没有空隙了

<img src="图片1" /><img src="图片2" /><img src="图片3" />

或者也可以把img改为块级元素，再利用浮动，也可以去掉空隙：

<img src="图片1" style="display:blockfloat:left" />

<img src="图片2" style="display:blockfloat:left" />

<img src="图片3" style="display:blockfloat:left" />

把<p>中间的

<img align="absmiddle" src="图片地址" />

改成

<img align="absmiddle" src="图片地址" style="float:leftmargin-left:0px" />

---