+ -
当前位置:首页 → 问答吧 → IE6下如何做到表格第一行0行高

IE6下如何做到表格第一行0行高

时间:2011-07-04

来源:互联网

如下代码,在IE6、IE7上,第一行还是会显示出来,虽然很小
其他浏览器虽然也是显示出来了,但基本上和第2行重叠了
如果把TABLE标签的border设置为0,然后每个TD都设置border的话,在IE6、IE7上倒是可以实现“0行高”,但不想修改这个属性...还有其他方法吗??
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>new page</title> <style type="text/css"> <!-- html,* {margin:0px; padding:0px;} table { border-collapse:collapse; table-layout:fixed; } td {padding: 0px 3px; text-align:left; } .firstRow { height:0px; } .firstRow td { height:0px; } --> </style> </head> <body> <table border="1" borderColor="#000000"> <tbody> <tr class="firstRow"> <td style="width:100px;"></td> <td style="width:100px;"></td> <td style="width:100px;"></td> <td style="width:100px;"></td> </tr> <tr> <td>abc</td> <td>abc</td> <td>abc</td> <td>abc</td> </tr> <tr> <td>abc</td> <td>abc</td> <td>abc</td> <td>abc</td> </tr> </tbody> </table> </body> </html>
 提示:您可以先修改部分代码再运行

作者: consatan   发布时间: 2011-07-04

.firstRow { display: none; }

作者: lujjjh   发布时间: 2011-07-04