Chrome、Firefox添加额外的<br>

Question

当我点击“查看源代码”时，我的页面上的HTML是：

但页面上表格上方有一个很大的空白。当我使用Chrome或Firefox的开发者工具中的Ctrl-Shift-I或查看源代码时，HTML是：

为什么两个浏览器的“查看源代码”与开发者工具中的源代码不同？那些 <br> 是从哪里来的，如何删除它们？

在“查看源代码”页面中搜索<br>，显示HTML中没有这种情况。

- MarkF

---

“查看源代码”将显示服务器传递的文件的源代码。检查元素将显示浏览器构建的DOM。例如，DOM可能会被JavaScript更改，但源文件始终保持不变。 - Josef Engelfrost

有可能是你安装的Chrome扩展程序干扰了它。我经常遇到这样的问题。尝试逐一禁用每个扩展程序，看看哪个在捣乱。 - Skyyy

你能发布整个源代码吗？至少发布重建所需的部分？ - Josef Engelfrost

Answer 1

很好的建议。禁用所有Chrome扩展程序没有起作用，并且没有任何JavaScript添加了
。

事实证明，在表格行之间的HTML中有<br /><br />：

<tr></tr>
<br /><br />
<tr></tr>

因此，浏览器在渲染表格之前必须将它们呈现，并将它们更改为<br>。

- MarkF

---

这听起来很有可能。浏览器在处理HTML时非常宽容，即使HTML不正确，它们也会尝试绘制页面（在这种情况下，只需将<br>标签移动到可以渲染的位置）。<br>和<br />的意思是一样的。 - Josef Engelfrost

在尝试使用 <br /> 替换文本中的回车符之后，我自己遇到了这个问题。 - TimDC

真正的救命稻草。谢谢。 - Yotam Salmon

这让我花了一个小时才找到...不小心写成了<tr>..</br>而不是<tr>..</tr>。 - h3n