为什么我隐藏table中某一行后（display:none），其表格的中的单元格位置都乱了？

看我的例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function test(){
    if (t1.style.visibility == "hidden"){
        t1.style.visibility = "";
    }else{
        t1.style.visibility = "hidden";
    }
}
</script>
</head>
<body>
<table width="471" border="1">
    <tr>
        <td width="343" height="60" valign="top" noWrap>文字<input id="t1" type="text" value="显示" style="visibility:hidden;width:10px">fffds</td>
    </tr>
</table>
<input type="button" value="Ok" onclick="test()">
</body>
</html>问题出在,你使用了display  你可以使用visibility ,display是ie使用的,
它不占用空间,也必须换行,所以你的表格必须换行,
使用visibility 占用空间,不用换行显示.所以表格不会乱