Php 页面上图像之间的间距，但可以'；在HTML/CSS中找不到源代码

这就是html代码。这两幅图像应该在同一条线上相邻出现，中间没有任何空白。我的CSS是这样的，在这两个内联图像之间没有边距或填充。然而，两幅图像之间出现了3个像素的空白

现在，当我删除HTML文件中的换行符时：

<div id="head-ads">

    <img id="ad-home-head-1" src="images/blank-ad.png" />
    <img id="ad-home-head-2" src="images/blank-ad.png" />

</div>

3像素的空白消失了

所以我在想可能是字符编码的问题或者别的什么。但是HTML文件保存为UTF-8，这也是页面定义要使用的内容：

<div id="head-ads">

    <img id="ad-home-head-1" src="images/blank-ad.png" /><img id="ad-home-head-2" src="images/blank-ad.png" />

</div>

在浏览器中查看时，HTML代码中的换行符为什么会在图像之间添加三个像素的空白？这已经在Mac OS X上的FireFox和Chrome中观察到

---

这些文件是WordPress主题的一部分。但这是我从头开始创建的主题，所以HTML和CSS对我来说是100%了解的。这很简单。我不知道PHP或WordPress是否在做一些奇怪的事情。但我对HTML的理解告诉我，在代码中添加换行符不应该在浏览器中添加空白。

在

\head ads

DIV中写入

字体大小：0

。如下所示：

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

试一试

还要确保图像本身没有空间

字体大小：0；因为#head广告负责这件事。这对我来说仍然很奇怪，因为不应该有任何字体大小的样式。。。

#head-ads{
 font-size:0;
}
img{
 vertical-align:top;
}

#head-ads img {
   border: 0;
   display: block;
   margin: 0;
   padding: 0;
   float: left;
}