Css 图像之间有一定的差距

我有一些图片，我需要排队没有任何差距。我可以在JSFIDLE中找到它们，明白吗

但是在实际的SharePoint网站上，图像之间有一个间隙，有点像

我已经与FireBug进行了检查，图像和链接具有它们应该具有的所有属性，但我无法消除这一差距

我会错过什么

编辑：我知道第二个链接有定义为类的页脚链接，但我只是用它来说明我遇到的问题。这不是我的实际代码

编辑：编辑：好的，伙计们，对于我在这里问的问题，似乎有一个误解。我知道如何获得所需的结果，只是它在SharePoint网站上不起作用。我需要的只是关于什么可能是错误的建议，因为所有应该工作的东西都不工作。

这是您的代码：

#footerlinks a, #footerlinks img{

但是

footerlinks

是类不是一个id，所以使用这个：

.footerlinks a, .footerlinks img{

这是您的代码：

#footerlinks a, #footerlinks img{

但是

footerlinks

是类不是一个id，所以使用这个：

.footerlinks a, .footerlinks img{

---

事情就是这样。您必须将左边的边距设置为-4px

.footerlinks img {
    margin-left: -4px;
}
.footerlinks img:first-child {
    margin-left: 0px;
}

演示：

---

编辑：此解决方案更正确。我在第一个孩子身上固定了边距。

就是这样。您必须将左边的边距设置为-4px

.footerlinks img {
    margin-left: -4px;
}
.footerlinks img:first-child {
    margin-left: 0px;
}

演示：

编辑：此解决方案更正确。我在第一个孩子身上固定了页边。

剥猫皮的方法

bazmegakapa的更新：

---

抱歉，我假设代码很容易理解，我只是把它作为一种替代方法来介绍

这些空白是由HTML格式中的空白造成的，这一点很重要。通过将字体大小设置为1px（如果支持xbrowser，则实际为0会更好），空白太小，无法渲染。在真实页面中，您可能还需要将行高归零

我使用文本对齐将文本居中，只是为了显示另一种方法。。。它的优点是你不需要知道图像的总宽度

给猫剥皮的方法

bazmegakapa的更新：

---

抱歉，我假设代码很容易理解，我只是把它作为一种替代方法来介绍

这些空白是由HTML格式中的空白造成的，这一点很重要。通过将字体大小设置为1px（如果支持xbrowser，则实际为0会更好），空白太小，无法渲染。在真实页面中，您可能还需要将行高归零

我使用文本对齐将文本居中，只是为了显示另一种方法。。。它的优点是您不需要知道图像的总宽度

删除图像之间的空白/换行符。 演示：删除图像之间的空白/换行符。

---

演示：刚刚将此解决方案发布到其他地方，并认为它是相同的。。您的Sharepoint实施是否将

包含这些图像和文本的div的字间距设置为-4px，这将删除默认的空白

但是，如果需要一些具有正常间距的文本，请将p元素上的单词间距重置为0，这是默认值

刚刚将此解决方案发布到其他地方，并认为它是一样的。。您的Sharepoint实施是否将

包含这些图像和文本的div的字间距设置为-4px，这将删除默认的空白

但是，如果需要一些具有正常间距的文本，请将p元素上的单词间距重置为0，这是默认值

第二个JSFIDLE将“footerlinks”定义为类而不是ID，因此CSS不做任何事情。第二个JSFIDLE将“footerlinks”定义为类而不是ID，因此CSS不做任何事情。这不仅仅是它的方式。我可以通过移动图像来敷衍了事，但这并不能解决我的问题。正如我所展示的，它单独工作时可以工作，但在SharePoint网站上不工作。HTML和CSS在浏览器中呈现。除非SharePoint在某个地方覆盖了您的CSS，否则相同的HTML和CSS的显示方式（在同一个浏览器中）应该没有区别。尽管我很犹豫是否要伪造这样的样式，但这是唯一有效的解决方案。我确信还有另一个潜在的问题我还不能说清楚，但我不情愿地相信你的答案。根据W3C，负边距是有效的CSS，所以不要觉得使用它们是在伪造代码。在大多数情况下，他们是不需要的，但在这种常见的情况下，他们做他们的工作。这不仅仅是它的方式。我可以通过移动图像来敷衍了事，但这并不能解决我的问题。正如我所展示的，它单独工作时可以工作，但在SharePoint网站上不工作。HTML和CSS在浏览器中呈现。除非SharePoint在某个地方覆盖了您的CSS，否则相同的HTML和CSS的显示方式（在同一个浏览器中）应该没有区别。尽管我很犹豫是否要伪造这样的样式，但这是唯一有效的解决方案。我确信还有另一个潜在的问题我还不能说清楚，但我不情愿地相信你的答案。根据W3C，负边距是有效的CSS，所以不要觉得使用它们是在伪造代码。在大多数情况下，它们是不需要的，但在这种常见情况下，它们完成了自己的工作。空白并没有什么区别。不会显示空白。如果您检查，您将看到它仍然有效，如果您也检查，您将看到即使有大量的空白和换行符，它仍然有效。@如果HTML中有换行符，则会显示另一个灌木状空白。。图像仍然是内联元素（在上面的第二个示例中，它们是块，因此没有空格）。这是内联元素的浏览器实现，也是这样的，空白是

字间距

，而不是破解HTML或伪造的边距，也许最好是