Html href前img标签后的神秘空间

我在img和href标签之间有一个神秘的空间。我的链接（转发到word文档）前面有一个小图标，图标后面有一个空格，实际上不应该在那里。奇怪的是，只有当链接的扩展名为.doc时，空格才会出现，但当我将其更改为.docx或.html扩展名时，空格就会消失

此代码

<img  src="../images/icon/wordicon_small.gif" />
    <a href="../docs/template.doc" target="_blank">template</a></p>
<br/>
 <img  src="../images/icon/wordicon_small.gif" />
 <a href="../docs/template.docx" target="_blank">template</a>   

转换为：

---

我真的很困惑。甚至不知道从哪里开始。我的CSS规范看起来不错，并没有引起我的怀疑。有人知道问题出在哪里吗？

在第一次使用之前，您还有一些空间

通过删除空格，问题应该得到解决

---

如果空格是从脚本到html生成的，那么您需要检查脚本中几个语句在处理doc和docx链接方面的差异。

在第一个语句之前有几个空格

通过删除空格，问题应该得到解决

---

如果空格是从脚本到html生成的，那么您需要检查脚本中几个语句之间处理doc和docx链接的差异。

图像和链接之间有空格、换行符等，因此它们之间应该有一个空格，但应该只有一个空格，就像第二组元素之间一样。一行中的多个空白字符折叠为一个空格

尝试重新键入第一个图像和链接之间的空格。我猜你在某处有一个不间断的空格。这不算作空白字符，所以它不会塌陷到带有空格和换行符的单个空格中

有时，不间断的空格用于在文本或元素之间产生额外的间距，因为它们不会折叠，例如：

Price:         $0.99

显示为：

价格:$0.99

---

是非中断空格的HTML实体，但也可以将其作为常规字符键入。如何做到这一点取决于编辑器，但在某些情况下使用ctrl+空格。

图像和链接之间有空格、换行符等，因此它们之间应该有一个空格，但这应该只是一个空格，就像第二组元素之间一样。一行中的多个空白字符折叠为一个空格

尝试重新键入第一个图像和链接之间的空格。我猜你在某处有一个不间断的空格。这不算作空白字符，所以它不会塌陷到带有空格和换行符的单个空格中

有时，不间断的空格用于在文本或元素之间产生额外的间距，因为它们不会折叠，例如：

Price:         $0.99

显示为：

价格:$0.99

---

是非中断空格的HTML实体，但也可以将其作为常规字符键入。如何做到这一点取决于编辑器，但在某些情况下使用ctrl+space。

第一个选项似乎包含了一个，您可以发布更多的代码吗？请发布您的CSS。在google chrome中，只需右键单击空格，然后单击inspect元素。这将向您显示填充/边距的来源…第一个似乎包含了一个，您可以发布更多的代码吗？请发布您的CSS。在google chrome中，只需右键单击空白，然后单击inspect元素。这将显示填充/边距的来源。。。