HTML中td内换行缩进被压缩为单空格是规范行为；可用 或white-space:pre保留排版；table-layout:fixed需显式设列宽；:empty伪类要求单元格完全无子节点。
td 里有换行缩进，渲染后却变成单空格？
HTML 默认会把 <td> 内部的换行、制表符、连续空格全部压缩成一个普通空格——哪怕你写了十行缩进，最终只显示一个空格。这不是 bug，是规范行为。
- 用
textContent会返回"\u00a0"，不是空字符串 - 想保留原始排版（比如代码片段），给
<td>加white-space: pre;或pre-wrap，但要小心影响对齐和换行 - 避免在
<td>里混用
table-layout: fixed 下，td 内容被截断或列宽崩塌？
启用 table-layout: fixed 后，列宽由第一行或 <col> 决定，而 td 内部空白（包括 ）无法撑开列宽，容易导致内容溢出或列窄得看不见。
- 必须显式设置
<col>的width，或确保第一行 td 有真实内容（哪怕只是 -
table-layout: fixed下不会触发换行，但长文本会；若需强制换行，加word-break: break-word+min-width - 导出 Excel 时，
:empty 伪类为啥没生效？
td:empty 只匹配完全无子节点的单元格——哪怕里面有一个换行符、注释或 ，都不算 empty。
- 写
td:empty::before { content: "-"; }前，先确认 td 真的是空的：删掉所有空白、换行、 - 如果 td 里有图标、
<span>或空<div>，它就不是 empty；改用td:not(:has(*))（现代浏览器）或 JS 判空 -
empty-cells: show不解决内容占位问题，只控制边框是否绘制，且在border-collapse: collapse下失效
后端模板里怎么安全填空？
前端靠 CSS 或 JS 补救容易漏边界情况，比如 null、undefined、""、0、false 混在一起，或者 td 里嵌了 div。
立即学习“前端免费学习笔记（深入）”；
- PHP：
echo empty($value) ? '-' : htmlspecialchars($value);—— 注意empty()会把0和false当空 - JS：
cellValue == null ? '-' : cellValue比??更稳妥，因为??不捕获"" - Java 模板（Thymeleaf）：
${item.age ?: '-'}，但数字字段建议用—（长破折号）而非短横，避免干扰右对齐
最麻烦的是表格嵌套场景：td 里套 div 再放数据，这时候 :empty 和 全失效，只能回到数据源头做清洗。
