如何让浏览器忽略 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中文网其他相关文章！