CSS empty-cells 属性
简介
empty-cells 属性控制表格中空单元格的显示方式。它可以取以下值：
show: 显示空单元格hide: 隐藏空单元格inherit: 继承父元素的empty-cells值
语法
----- - ------------ ---- - ---- - -------- -
用法
empty-cells 属性通常用于控制表格中空单元格的显示方式。例如，如果表格中有许多空单元格，则可以将其隐藏以使表格更紧凑。
要隐藏空单元格，可以使用以下代码：
----- - ------------ ----- -
要显示空单元格，可以使用以下代码：
----- - ------------ ----- -
浏览器支持
empty-cells 属性在所有现代浏览器中都得到支持。
| 浏览器 | 支持版本 |
|---|---|
| Chrome | 1 |
| Firefox | 1 |
| Safari | 1 |
| Edge | 12 |
| Opera | 12.1 |
示例
以下示例演示如何使用 empty-cells 属性来控制表格中空单元格的显示方式：
-------
----
------ ------
------ ------
---------
-----
----
------ ------
---------
------ ------
-----
---------- ------ -- ----- - ------------ ----- -
输出：
-------
----
------ ------
------ ------
-----
----
------ ------
------ ------
-----
---------- ------ -- ----- - ------------ ----- -
输出：
-------
----
------ ------
------ ------
---------
-----
----
------ ------
---------
------ ------
-----
--------注意事项
empty-cells属性只适用于表格中的空单元格。它不适用于包含文本或其他内容的单元格。- 如果表格中有一个单元格具有
colspan或rowspan属性，则该单元格不会被视为空单元格。 empty-cells属性不会影响表格的布局。它只影响空单元格的显示方式。