如何用HTML代码实现逐行显示文本内容？

本文共计1044个文字，预计阅读时间需要5分钟。

HTML 默认忽略所有连续空白字符（包括 、、多个空格），直接将带有换行的字符串填充进 。

常见错误现象：console.log("第一行\n第二行") 在控制台看着有换行，但 document.body.innerHTML = "第一行\n第二行" 渲染出来还是“第一行第二行”。

• 真正起作用的是 HTML 标签，不是文本里的 \n
• 服务端返回的纯文本（比如 API 响应体）或用户输入的 <textarea> 内容，也得靠标签或 CSS 处理换行
• 别试图用 white-space: pre 全局兜底——它会连空格和缩进都保留，破坏排版

<br> 是最直接的换行方式，但别手抖多写

想让“第一行”下面立刻空一行出“第二行”，就在中间插一个 <br> 标签：

document.body.innerHTML = "第一行<br>第二行";

使用场景：简单静态文案、邮件模板、后台管理界面的提示语等对结构要求不高的地方。