在td中无效是因框架转义html而非html本身问题；white-space: pre-line常被ui库默认样式覆盖；layui中需table.resize()同步高度；推荐按内容类型选择或css换行。
td里写<br>为什么没用？
直接在td里写<br>本身是有效的，但前提是内容是通过innerHTML渲染的；如果表格框架（比如Layui、Element UI）做了自动转义或文本渲染（如用textContent），<br>就会被当普通字符串显示成文字“
”，根本不会解析为换行。这不是HTML的问题，而是框架层拦截了HTML解析。
常见错误现象：<br>出现在页面上、单元格高度没变、审查元素看到的是字面量而非DOM节点。
- 检查渲染方式：若用
templet（Layui）、scoped slot（Vue）、或cellRenderer（AG Grid），必须确保返回的是未转义的HTML字符串 - 别用
layui.util.escape(d.content)后再插<br>——它会把所有变成<code>< - 后端返回的
\n不能靠<br>自动生效，得先手动替换：d.content.replace(/\n/g, '<br>')
white-space: pre-line 为何在td里常失效？
white-space: pre-line本该保留换行符并折行，但在td中容易被覆盖——因为多数UI库（包括Bootstrap、Layui默认样式）给td加了white-space: nowrap或table-layout: auto，导致该属性被压制。
实操建议：
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 显式重置：
td { white-space: pre-line !important; }（仅限调试，生产环境慎用!important） - 必须配合宽度约束：
max-width: 200px或width: 200px，否则浏览器不知道在哪折 - 避免和
text-overflow: ellipsis共存——pre-line不支持省略号，设了也无效 - 移动端需额外加
word-break: break-word，防止长URL撑破列宽
Layui表格中\n替换成<br>后高度不自适应？
加了<br>或white-space: pre-line后，单元格视觉上换行了，但Layui的固定表头、滚动区域、右侧固定列不会自动重算高度，结果就是：tbody行高变高，thead没变，出现错位；横向滚动条消失；右侧列内容被截断。
关键动作只有两个：
- 在
done回调里调table.resize('your-table-id')，不是$('.layui-table').height('auto')这种jQuery硬设 - 每次
table.reload()后，必须再调一次table.resize()，否则新数据加载后高度又塌回原样 - 如果用了
fixed: true列，确保该列也参与resize，否则固定列高度不同步
用<br>还是CSS控制换行？看这三点
不是非此即彼，而是谁更可控、谁更易维护：
- 已知结构、固定内容（如地址、诗歌）→ 用
<br>，语义清晰，不依赖样式 - 用户输入、富文本、含
\n的API返回值 → 用white-space: pre-wrap+overflow-wrap: break-word，避免JS反复replace - 要兼容IE11？
word-wrap: break-word比overflow-wrap更稳，但pre-wrap在IE9+已支持
最常被忽略的一点：表格父容器没设overflow-x: auto，小屏下换行文本撑宽整表，用户看不到右侧列，还以为数据丢了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
