可以，但仅限地址、诗歌等固定格式场景；会破坏可访问性、打印样式且不响应式；white-space: pre-line 失效常因文本无真实 ；textarea placeholder 不支持换行。
label 里直接用 <br> 可以吗？
可以，但仅限于极少数场景。比如地址、诗歌、固定格式的提示文案，<br> 能精准控制断点，且不引入语义干扰。但它在 <label></label> 中容易破坏可访问性：屏幕阅读器可能把换行当作内容分隔，导致读出“换行”二字；打印样式中也可能出现意外空白。更关键的是，它无法响应容器宽度变化——小屏下本该合并成一行的地址，硬塞 <br> 反而会撑高布局。
为什么 white-space: pre-line 在 <label></label> 里常失效？
根本原因不是 CSS 写错了，而是你传进去的文本里根本没有真正的换行符
。HTML 源码中敲回车、模板字符串里写 "第一行
第二行"、后端返回带
的 JSON 字段，这三者效果完全不同。常见错误包括：
- Vue/React 模板中直接写
{{ text }}，但text是服务端返回的纯字符串，其中 - JavaScript 动态赋值时用了
textContent，它会原样显示 - 后端返回的 JSON 字段里
\n，前端没做解码
验证方法：打开控制台，console.log(element.textContent) 看输出里是否真有换行。
<textarea></textarea> 的 placeholder 怎么换行？
不能。HTML 规范明确禁止 placeholder 属性值中包含换行符，浏览器会直接忽略
或渲染为空格。替代方案只有两个：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 改用
<label></label>+<textarea></textarea>组合，把提示文字放在<label></label>里，用white-space: pre-wrap控制换行 - 放弃 placeholder，用 JavaScript 在聚焦时清空、失焦时恢复默认提示（需额外处理空值逻辑）
注意：<input type="text"> 同样不支持换行 placeholder，别试。
表单提示文字最稳妥的换行方案
用 <div> 包裹提示文案，配合 <code>white-space: pre-wrap 和最小宽度约束：
<div class="hint" style="white-space: pre-wrap; max-width: 300px;"> 请输入邮箱地址 （例如：user@example.com） </div>
这样做的好处是：
-
pre-wrap保留换行符，又允许长单词在边界处折行（加overflow-wrap: break-word更保险） - 不受
<label></label>语义和可访问性限制 - 能通过 CSS 媒体查询在小屏下关闭换行：
@media (max-width: 480px) { .hint { white-space: normal; } }
真正容易被忽略的是：表单控件的提示文字从来不只是“怎么换行”，而是“谁来负责换行”。后端返回的提示文案如果本身不含
，前端再怎么折腾 CSS 都白搭——得先确认换行意图是否已正确传递到 DOM 节点里。
