Question

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

/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{border:medium none;padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font:12px/1.5 Verdana, Geneva, sans-serif,'宋体','微软雅黑';color:#333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
/*设置列表*/
ul,ol{list-style:none;}
/*设置表格*/
th,td{border-collapse:collapse;border-spacing:0;}
/*设置图片*/
img{border:none;}
/*设置链接*/
已经这样设置了，还是不行。
就是几张图片做成的链接，没别的了，楼下的都试了，不行。

Answer 1

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标签之间的间距没有了。

Answer 2

html完全去掉图片之间的间距步骤如下：

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

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

3、对新建的div标签、a标签设置样式，然后使用浏览器打开html页面，发现a标签之间是存在间距的。

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

Answer 3

准备工具/材料：装有windows 10的电脑一台。

html完全去掉图片之间的间距的办法如下：

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

2、在html页面上创建一个div标签，然后在div标签中创建5A标签。  

3、为新建的div标记和A标记设置样式，然后用浏览器打开html页面。发现标签之间存在间隙。  

4、将标签的代码显示为一行，然后用html页面刷新浏览器以查看效果。发现标签之间的间距缺失。

Answer 4

<img src="img/nav/01.jpg"/><!--方法一，这里不要换行-->
<a href="#"><img src="img/nav/02.jpg" onmouseover="this.src='img/nav/2.jpg'" onmouseout="this.src='img/nav/02.jpg'" border="0"/></a>

改成这样
<img src="img/nav/01.jpg"/><a href="#"><img src="img/nav/02.jpg" onmouseover="this.src='img/nav/2.jpg'" onmouseout="this.src='img/nav/02.jpg'" border="0"/></a>

方法二：

img{float:left;}

Answer 5

img{display：block}就可以去掉图片之间空隙

追问

设置还是有间距。

追答

img{
vertical-align:left;
display:block;
}