CSS3 empty-cells

empty-cells

该属性用于设置,当单元格的内容为时,隐藏单元格边框

<!-- empty-cells 有两个属性 show | hide -->
<!-- empty-cells:show 默认值 -->
<!-- empty-cells:hide | 隐藏单元格边框 | 只有是 border-collapse:separate; 边框样式才能设置隐藏 -->

<table border="1" style="width: 200px; height: 200px; text-align: center; border-collapse: separate; empty-cells:hide; border-spacing: 5px;">
<tr><td>年龄</td><td>性别</td></tr> 
<tr><td>18</td><td>女</td></tr>
<tr><td>20</td><td></td></tr> <!-- 最后一个单元格的内容为空,将被隐藏 -->
</table>

显示效果

年龄性别
18
20
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程