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

为何火狐<table>的第二列<td>都挤到了第一列?该怎么处理

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

实在不行的话就这样吧:

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

热点排行