首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > 跨浏览器开发 >

为什么火狐<table>的第二列<td>都挤到了第一列

2013-01-05 
为何火狐table的第二列td都挤到了第一列?table width300 cellpadding3trtd classcol1c

为何火狐<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里找找看。

实在不行的话就这样吧:


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

热点排行