<pre>元素末尾换行不占高度：此行为是标准规定还是浏览器实现？

元素末尾换行的标准行为说明 #

我在Chrome和Firefox中测试了以下代码片段：

<pre style="border: solid">Test me 
</pre>

发现<pre>元素仅显示一行高度，而非两行（意味着该换行并未增加元素高度）。若要获得两行高度，需添加一个额外换行：

<pre style="border: solid">Test me 

</pre>

也就是说，浏览器总会忽略一个末尾换行，该行为在两款浏览器中一致。请问此行为是否有相关标准规定？还是仅是两款浏览器的巧合实现？

这并非浏览器的巧合实现，而是HTML标准明确规定的行为。

HTML规范中明确要求，<pre>元素在处理内部内容时，会自动移除末尾的一个换行符。这样的设计是为了避免开发者在书写代码时，因习惯在标签闭合前添加换行（比如为了代码排版整齐）而导致页面渲染出不必要的空行，同时保证不同浏览器的渲染表现一致。

所有遵循HTML标准的浏览器都会按照这一规则处理<pre>元素的末尾换行，所以你在Chrome和Firefox中看到的一致表现是符合规范的必然结果。

内容的提问来源于stack exchange，提问作者張俊芝