Question

在锚标签之后添加了空格，我不知道为什么。我已经读过，这可以用百分比宽度值引起，但我不使用任何有问题的div元素。它不能由元素父样式引起吗？

Whitespace error http://imageupper.com/s02/1/2/B13890541672052617_1.png

注意“事件”链接后面的空格。这发生在我网站上的每个锚标签上。

如何解决它的任何想法将不胜感激。

HTML

<a href="/events/">Events</a>

CSS

a {
    color:#000;
    text-decoration:underline;
}
a:hover {
    color:#000;
    background:#ff6600;
    text-decoration:none;
}
#content {
    width:800px;
    margin:0 auto;
    padding:15px 10px 10px 15px;
}

不添加我的整个网站的代码;上面的代码是我能提供的最好的代码。虽然，我确信那个特定的代码不是罪魁祸首。

当我将最后几个单词复制并粘贴到文本编辑器中时;只有一个空格出现，应该这样做。

Answer 1

这可能是可怕的Inline-block Whitespace Problem吗？

检查样式表是否有类似内容：

a {
  inline-block;
}

OR

.example {
  display: inline-block;
}

如果找到，请尝试删除或更改显示类型。

Answer 2

1）检查你的CSS。在某处：

a:link { ... }
a:visited { ... }
a:hover { ... }
a:active { ... }

OR

a.someClassName {
  padding-right: 16px;
  background: url(pix/ext_link_14x14.png) no-repeat right;
}

可能有

padding-right: 16px;

或类似的东西。

检查此页面包含的所有样式表。另一个样式表可以覆盖您提供的样式表。

2）尝试进行一些“调试”。例如，使用适用于Firefox的Firebug Add-on，转到HTML选项卡并将鼠标移到该标记上（在代码部分中）。它会突出显示（在页面上），具有不同的颜色，如果这是一个边距，填充等。我只是将鼠标移到代码上，它突出显示标签周围有不同颜色的空格。这有助于了解样式表中要查找的关键字。

3）尝试禁用“a”标记的所有继承的css样式表。例如，将这段代码放在您的html页面中：

<style type="text/css">
a {
  padding: 0px;
  margin: 0px;
}
</style>

4）如果您使用DHTML，JavaScript，jQuery onload事件 - 暂时禁用它。如果空格恢复正常，那么我们确切地知道问题在JavaScript范围内。逐步调试JavaScript，找到填充（或其他属性）设置为“a”标记的确切位置。

Answer 3

请在锚标签下方添加一些样式 find_all

CSS锚标记后添加了不需要的空格

3 个答案: