如何讓瀏覽器忽略 HTML 中的空格？

忽略 HTML 中的空白

在 HTML 中，元素之間的空白可能會在渲染輸出中建立不需要的空格。為了解決這個問題，這個問題探討了讓瀏覽器忽略空格的解決方案。

答案建議使用CSS屬性white-space-collapse:discard;。但是，它指出該功能尚未在任何瀏覽器中實現。作為替代方案，答案建議使用 HTML 註解來隱藏空格，從而獲得更具可讀性的程式碼結構。

範例：

#parent_of_imgs { white-space-collapse: discard; }
<!-- This feature is not yet implemented in any browser -->

<!-- Using comments as an alternative -->
<p>
  <!-- This is a comment -->
  <img src="." alt="" />
  <!-- This is a comment -->
  <img src="." alt="" />
  <!-- This is a comment -->
  <img src="." alt="" />
  <!-- This is a comment -->
  <img src="." alt="" />
  <!-- This is a comment -->
</p>

以上是如何讓瀏覽器忽略 HTML 中的空格？的詳細內容。更多資訊請關注PHP中文網其他相關文章！