读书人

为何火狐lt;tablegt;的第二列lt;tdgt;都挤到了

发布时间: 2012-03-09 16:54:57 作者: rapoo

为何火狐<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();  } 

读书人网 >跨浏览器开发

热点推荐