empty-cells仅在border-collapse:separate时生效，collapse模式下被忽略；取值show（默认，渲染空单元格）或hide（隐藏边框但保留文档流），不支持inherit等通用值。
只在
时生效，设成
后它直接被忽略 —— 这是绝大多数人调了半天没效果的根本原因。
为什么 empty-cells: hide 没反应？
浏览器只在「边框分离」模式下才检查这个属性。如果你的表格用了
（现在大多数 UI 框架默认这么设），
就完全不工作，无论你写
还是
都没差别。
用开发者工具检查
样式，确认
真的是
IE8+ 才支持该属性，且必须声明
，否则降级为 IE7 行为（默认隐藏空单元格边框）
如果表格有
简写声明但没显式写
，不同浏览器可能按各自默认值处理，结果不一致
empty-cells: hide 导致边框断裂怎么办？
在
模式下，
不是“让空单元格变透明”，而是“彻底移除它的边框绘制逻辑”——周围非空单元格的边框会戛然而止，造成视觉断点。
典型现象：左右两个带
的单元格中间夹一个空单元格，设了
后，那条横线就断开了
根本解法不是调
，而是统一所有单元格的
声明（包括空单元格），或改用
如果必须用
+
，记得同步设置
，否则间距区域会裸露成白块
JavaScript 动态控制 emptyCells 属性
通过
设置只影响内联样式，且前提是元素本身没被
锁死。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
前端免费学习笔记（深入）
”；
正确写法：
注意大小写：
是驼峰，CSS 里是
，别写成
（IE 旧版曾容忍，但现代浏览器已不认）
读取时返回字符串，比如
返回
，但若当前是
模式，它仍可能返回
（只是不生效）
真正难的不是记住
和
，而是意识到：只要表格边框需要稳定对齐、响应式缩放或跨浏览器一致，
就不该是第一选择——它是个窄口径的补丁，不是布局方案。
empty-cellsborder-collapse: separatecollapseborder-collapse: collapseempty-cellsshowhidecomputedborder-collapseseparateborderborder-collapseseparateempty-cells: hide1px solid #666hideempty-cellsborderborder-collapse: collapseseparatehideborder-spacingelement.style.emptyCellscollapsetableEl.style.borderCollapse = 'separate'; tableEl.style.emptyCells = 'hide';emptyCellsempty-cellsemptycellsgetComputedStyle(tableEl).emptyCells"hide"collapse"show"showhideempty-cells