1

我在 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>

翻译成：

http://postimg.org/image/59fam7ny1/

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

4

2 回答 2

2

在你的第一个之前你有几个空格<a href>

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

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

于 2013-06-17T20:39:12.467 回答
2

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

尝试重新输入第一张图片和链接之间的空格。我的猜测是你在某处有一个不间断的空间（ASCII 160）。这不算作空白字符，因此它不会折叠成带有空格和换行符的单个空格。

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

Price: &nbsp; &nbsp; &nbsp; &nbsp; $0.99

显示为：

价格：0.99 美元

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

于 2013-06-17T20:39:18.377 回答