如何显示表格中的空单元-CSS表格实例

<!DOCTYPE html>

<html>
<head>
<style type="text/css">
table
{
border-collapse: separate;
empty-cells: hide;
}
</style>
</head>
<body>

<table border="1">
<tr>
<td>Adams</td>
<td>John</td>
</tr>
<tr>
<td>Bush</td>
<td></td>
</tr>
</table>

<p><b>注释：</b>如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 empty-cells 属性。</p>

</body>
</html>

本文案例为大家展示了《如何显示表格中的空单元》的代码，若要看代码效果请大家点击“运行代码”按钮。（请在非 IE 浏览器中浏览）

[code]<!DOCTYPE html> <html> <head> <style type=”text/css”> table { border-collapse: separate; empty-cells: hide; } </style> </head> <body> <table border=”1″> <tr> <td>Adams</td> <td>John</td> </tr> <tr> <td>Bush</td> <td></td> </tr> </table> <p><b>注释：</b>如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 empty-cells 属性。</p> </body> </html>[/code]

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：如何显示表格中的空单元-CSS表格实例

Hi，您需要填写昵称和邮箱！