合法但不推荐。br 是自闭合无语义标签，连续使用仅适用于地址、诗歌、签名等需保留原始行结构的场景；视觉间距应交由 CSS 控制，否则导致维护难、响应式错乱及无障碍问题。
br 标签连续使用是否合法？
语法上完全合法，<br> 是自闭合标签，连续写 <br><br><br> 不会报错、浏览器也能渲染——但这不等于“该这么做”。连续使用本质是用标签模拟间距，而 <br> 本身不参与盒模型、无语义、不可样式化，结果就是：你控制不了它，也很难维护。
连续 br 导致的典型错误现象
看到页面里一堆 <br>，大概率对应以下问题：
- 标题下方“空两行”靠三个
<br>实现 → 实际应设h1的margin-bottom - 表单说明文字和输入框之间靠
<br>隔开 → 应改用display: block或flex布局 - 响应式断点下换行错位（比如移动端多出空白）→ 因为
<br>是硬编码换行数，无法随视口缩放 - 屏幕阅读器把连续
<br>当作内容停顿读出来 → “换行、换行、换行”，干扰理解
什么情况下真需要连续 br？
极少，仅限于原始文本格式必须保留、且无法拆分为多个语义块的场景：
- 地址块中需严格按行显示（如
<p>上海市徐汇区漕溪北路123号<br>邮编：200030</p>） - 诗歌原文排版（每行是独立语义单位，不能用
<p>拆分） - 签名档（如
<p>李四<br>前端工程师<br>2026年8月</p>）
注意：这些场景里，连续 <br> 是“内容结构决定的”，不是“为了视觉留空”。如果只是为了撑开距离，就不是正当用法。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
替代连续 br 的可靠做法
绝大多数所谓“需要空几行”的需求，真正该动的是 CSS：
- 段落间间距 → 统一设
p { margin-bottom: 1.5em; } - 行内元素换行 → 改
display: block或用flex-direction: column - 表单控件垂直对齐 → 包裹在
<div style="display: flex; flex-direction: column; gap: 0.5em;">里 - 富文本中保留换行 → 用
white-space: pre-line，而非插一堆<br>
连续 <br> 看似省事，实则把布局逻辑锁死在 HTML 里，后续调整 margin、适配暗色模式、支持 RTL 排版时都会卡住。真正难的不是写几个 <br>，而是判断哪一行换行属于内容语义，哪一行只是视觉间距——这个分界点，才是实际开发中最容易被跳过的。
