CSS empty-cells 属性

empty-cells 属性用于控制表格中空单元格的显示方式。

语法

table {
  empty-cells: show|hide|initial|inherit;
}

• show：默认值，空单元格将显示边框和背景。
• hide：空单元格不显示边框和背景。
• initial：设置为默认值。
• inherit：继承父元素的值。

示例

// www.javascriptcn.com code example
table {
  empty-cells: hide;
}

/* 或者 */

table {
  empty-cells: show;
}

适用性

• 该属性仅适用于表格元素。
• 可以为整个表格设置，也可以为单个单元格设置。

注意事项

• 在某些浏览器中，empty-cells: hide; 可能会导致表格中的内容不对齐，因此在使用时需谨慎考虑。

总结

empty-cells 属性允许开发者控制表格中空单元格的显示方式，根据实际需求选择合适的值来优化表格的展示效果。