必须用JavaScript拦截keydown和paste事件来禁用textarea换行：keydown中e.key==='Enter'时e.preventDefault()，paste中用clipboardData提取纯文本并清除换行符。
textarea在表格里按Enter仍换行，不是CSS能解决的
只给 textarea 加 white-space: nowrap 或 wrap="off" 完全无效——textarea 本身是表单控件，它的换行行为由浏览器原生逻辑控制，和表格布局无关。用户按 Enter 时，浏览器默认插入 \n（或 \r\n），这会直接写进 value，CSS 对输入过程零干预。
必须用 JavaScript 拦截 keydown + paste
要真正禁掉回车换行，得在事件源头掐断：
- 监听
keydown，检测e.key === 'Enter'时立刻调用e.preventDefault() - 同时监听
paste，用e.clipboardData.getData('text/plain')提取纯文本，并用.replace(/[\r\n]/g, '')清除所有换行符 - 别用
input或blur做后置清洗——DOM 已污染，value里已混入\n，光标也大概率跳到开头
table-layout: fixed 和 td 宽度不是重点，但别漏掉 display: block
如果你还希望文字在 textarea 外围的 td 里不溢出、显示省略号，那才需要表格布局干预：
<table style="table-layout: fixed"> 是前提，否则列宽浮动，<code>width不生效<td> 必须设 <code>width或max-width（推荐像素值，百分比在某些 Safari 版本下不稳定）<td> 还得加 <code>display: block或inline-block，否则overflow: hidden和text-overflow: ellipsis都不工作wrap 属性对提交内容毫无影响，后端必须统一处理
wrap="hard"只会让用户按 Enter 时往value插入\r\n，粘贴或 JS 赋值完全不受控；而所有浏览器提交表单时，换行符最终都会被标准化为\n。所以：立即学习“前端免费学习笔记（深入）”；
- 前端拦截 Enter 是为了 UI 一致性和数据干净，不是为了“控制提交格式”
- 后端接收时必须做换行符归一化：把
\r\n、\r全转成\n，再存库或渲染 - 如果用
contenteditable替代textarea，问题更复杂——它默认插入<div>，DOM 结构污染比纯文本还难清理 真正麻烦的是 DOM 结构污染。一旦 <code><textarea></textarea>里进了\n，或者contenteditable里生成了嵌套标签，后续提取、校验、回填都可能出错。前端拦截只是第一道防线，后端规范化才是兜底关键。
