empty-cells仅在border-collapse:separate时生效，collapse模式下被忽略；取值show（默认，渲染空单元格）或hide（隐藏边框但保留文档流），不支持inherit等通用值。
empty-cells 只在 border-collapse: separate 时生效，设成 collapse 后它直接被忽略 —— 这是绝大多数人调了半天没效果的根本原因。
为什么 empty-cells: hide 没反应？
浏览器只在「边框分离」模式下才检查这个属性。如果你的表格用了 border-collapse: collapse（现在大多数 UI 框架默认这么设），empty-cells 就完全不工作，无论你写 show 还是 hide 都没差别。
- 用开发者工具检查
computed样式，确认border-collapse真的是separate - IE8+ 才支持该属性，且必须声明
<!DOCTYPE html>，否则降级为 IE7 行为（默认隐藏空单元格边框） - 如果表格有
border简写声明但没显式写border-collapse，不同浏览器可能按各自默认值处理，结果不一致
empty-cells: hide 导致边框断裂怎么办？
在 separate 模式下，empty-cells: hide 不是“让空单元格变透明”，而是“彻底移除它的边框绘制逻辑”——周围非空单元格的边框会戛然而止，造成视觉断点。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 典型现象：左右两个带
1px solid #666的单元格中间夹一个空单元格，设了hide后，那条横线就断开了 - 根本解法不是调
empty-cells，而是统一所有单元格的border声明（包括空单元格），或改用border-collapse: collapse - 如果必须用
separate+hide，记得同步设置border-spacing，否则间距区域会裸露成白块
JavaScript 动态控制 emptyCells 属性
通过 element.style.emptyCells 设置只影响内联样式，且前提是元素本身没被 collapse 锁死。
立即学习“前端免费学习笔记（深入）”；
- 正确写法：
tableEl.style.borderCollapse = 'separate'; tableEl.style.emptyCells = 'hide'; - 注意大小写：
emptyCells是驼峰，CSS 里是empty-cells，别写成emptycells（IE 旧版曾容忍，但现代浏览器已不认） - 读取时返回字符串，比如
getComputedStyle(tableEl).emptyCells返回"hide"，但若当前是collapse模式，它仍可能返回"show"（只是不生效）
真正难的不是记住 show 和 hide，而是意识到：只要表格边框需要稳定对齐、响应式缩放或跨浏览器一致，empty-cells 就不该是第一选择——它是个窄口径的补丁，不是布局方案。
