empty-cells 属性规定是否显示表格中的空单元格(仅用于“分离边框”模式)。
table { border-collapse:separate; empty-cells:hide; }
值 | 描述 |
---|---|
hide | 不在空单元格周围绘制边框。 |
show | 在空单元格周围绘制边框。默认。 |
inherit | 规定应该从父元素继承 empty-cells 属性的值。 |
HTML
<table border="1"> <tr> <td>Peter</td> <td>Griffin</td> </tr> <tr> <td>Lois</td> <td></td> </tr> </table> <p><b>注意:</b> 当 !DOCTYPE 已经声明 Internet Explorer 8 支持 empty-cells属性.</p>
CSS
table { border-collapse:separate; empty-cells:hide; }
执行结果
Peter | Griffin |
Lois |
注意: 当 !DOCTYPE 已经声明 Internet Explorer 8 支持 empty-cells属性.