日期:2014-05-17  浏览次数:20685 次

为何火狐<table>的第二列<td>都挤到了第一列?
<table width="300" cellpadding="3">  
  <tr>  
  <td class="col1">cell11</td>  
  <td class="col2">cell12</td>  
  <tr class="row">  
  <td class="col1">cell21</td>  
  <td class="col2">cell22</td>  
  </tr>  
  <tr class="row">  
  <td class="col1">cell31</td>  
  <td class="col2">cell32</td>  
  </tr>  
</table>

因实际是动态显示第二行以后的内容, 
在火狐中,<table>的第二列<td>都挤到了第一列,而在ie下却可以正常显示。

一般是什么原因引起,有人遇到过吗?



------解决方案--------------------
那三个class是怎么定义的
------解决方案--------------------
代码给的不完全,不知道你指的是什么意思
------解决方案--------------------
少了个</tr>
------解决方案--------------------
自己预先定义上
------解决方案--------------------
动态显示第二行以后的内容。
火狐就给自动加了 style="display: block

你动态添加的代码里,不要给tr加 style="display: block 这个样式啊。如果是用了插件的话,去改改插件的效果吧。
------解决方案--------------------
不知道你的JQ版本是什么,我这里测试不会出现display: block。
如果出现这个问题,应该是JQ的"show()"这个方法造成的,到JQ里找找看。

实在不行的话就这样吧:

HTML code

  function showTag() {
    $("tr.row").show();
    $("tr.row").css("display","");
  }
  function hideTag() {
    $("tr.row").hide();
  }