在href之前img標簽之后的神秘空間

Question

我在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規范似乎沒問題，並沒有引起我的懷疑。 任何人都知道問題可能是什么？

Answer 1

在第一次<a href>之前，您有幾個空格

通過刪除空格，問題應該得到解決。

如果從腳本生成空格到html，那么您需要檢查腳本中幾個語句之間處理doc和docx鏈接的差異。

Answer 2

在圖像和鏈接之間有空格字符（空格，換行符等），因此它們之間應該有一個空格，但這應該只是一個空格，就像在第二組元素之間一樣。 一行中的多個空白字符會折疊到一個空格中。

嘗試重新鍵入第一個圖像和鏈接之間的空格。 我的猜測是你在那里有一個不間斷的空間（ASCII 160）。 這不算作空白字符，因此它不會折疊成具有空格和換行符的單個空格。

有時不間斷的空格會導致文本或元素之間產生額外的間距，因為它們不會崩潰，例如：

Price:         $0.99

顯示為：

價格：0.99美元

  是不間斷空格的HTML實體，但您也可以將其鍵入常規字符。 你如何做到這一點取決於編輯器，但在某些情況下使用ctrl + space。