textarea默认不换行，需用wrap属性（soft/hard）或CSS white-space（pre-wrap/pre-line）控制显示折行；td中纯文本换行须设width/max-width并配white-space:normal或pre-line。
textarea 在 table 里默认不自动换行，不是 bug，是渲染规则决定的——textarea 的换行行为由自身 wrap 属性控制，和表格无关；而表格单元格（td）里的普通文本换行，则完全依赖 CSS，和 textarea 无关。别混着调。
textarea 的 wrap 属性怎么设才生效
textarea 自身是否“视觉上换行”，只看它的 wrap 属性，和它放在 div 还是 td 里没关系。
-
wrap="off"（默认）：不自动折行，内容超宽就横向滚动，用户必须手动按Enter才产生换行符 -
wrap="soft"或wrap="virtual"：显示时自动折行（改善阅读），但提交时仍只保留用户按Enter输入的换行，其他折行点无\n -
wrap="hard"或wrap="physical"：显示时折行，且提交时把所有折行位置都转成真实\n字符（等效于用户真的在那些位置按了回车）
注意：wrap 是 HTML 属性，不是 CSS；现代浏览器基本都支持 soft/hard，但别写 wrap="true" 或 wrap="auto"，这些无效。
td 里放纯文本，为什么加了 white-space: normal 还不换行
因为 td 默认没有宽度约束，浏览器会优先把内容拉伸铺满，根本不会触发自动换行逻辑。
立即学习“前端免费学习笔记（深入）”；
- 必须给
td或其父table设明确宽度，比如width: 300px或max-width: 100% - 仅靠
white-space: normal不够，得配合overflow-wrap: break-word和word-break: break-word处理长单词或 URL - 如果后端返回的文本含原始
\n（如用户评论），还得加white-space: pre-line才能还原换行；pre-wrap也能用，但会多保留空格
典型写法：<td style="width: 200px; white-space: normal; overflow-wrap: break-word; word-break: break-word;">...</td>
想让 td 内容既响应式又可靠换行，关键组合是什么
别只设一个 CSS 属性，三个必须同时存在，缺一不可：
-
white-space: normal：让空格、制表符、换行符按常规方式解析（合并空格，允许自动折行） -
overflow-wrap: break-word：标准属性，强制超长不可分内容（如 URL）在边界处断开 -
word-break: break-word：非标准但广泛支持的兜底值，和上一条协同更稳；避免用break-all，它会在任意字母间断，中文阅读体验差
再补一句：如果表格本身用了 table-layout: fixed，记得给 col 或 th 设宽度，否则 td 宽度计算可能失效。
最常被忽略的是宽度约束 —— 没宽度，所有换行设置都是摆设；其次是语义混淆：把 textarea 的 wrap 和 td 的 CSS 换行当成一回事，结果两边都调不对。
