搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
CSS 教程
CSS 基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example of CSS empty-cells property</title> <style> table { width: 300px; border-collapse: separate; } table, th, td{ border: 1px solid #000000; } table.empty-show { empty-cells: show; } table.empty-hide { empty-cells: hide; } </style> </head> <body> <h2>Table with Empty-cells</h2> <table class="empty-show"> <tr> <th>Name</th> <td>John Carter</td> </tr> <tr> <th>Email</th> <td></td> </tr> </table> <br> <h2>Table with Hidden Empty-cells</h2> <table class="empty-hide"> <tr> <th>Name</th> <td>Peter Parker</td> </tr> <tr> <th>Email</th> <td></td> </tr> </table> <p><strong>Note:</strong> 您可以看到第二个示例表中的空单元格完全隐藏。不间断空格(即 )被认为是内容</p> </body> </html>
运行结果
