TD rowspan 在firefox下显示有异常

时间:2022-03-12 19:46:00

最近在做一个行列锁定的表格,需要对table做点改动,发现rowspan在不同浏览器下的表现还不一样,参考以下代码

<style>

table
{
    border-collapse: collapse;
    border-spacing: -1px;
    color: #000000;
    font-family: Tahoma;
    font-size: 11px;

}

td
{
  border:1px solid #000; 
  width:50px;
  text-align:center;
}

</style>

<table>
<tr>
<td rowspan="2">A</td>
<td rowspan="2">B</td>
<td rowspan="2">C</td>
</tr>
</table>

 

Chrome 

TD rowspan 在firefox下显示有异常

IE 

TD rowspan 在firefox下显示有异常

Firefox 诡异的表现 少了一条横线啊

TD rowspan 在firefox下显示有异常

 

分析:

在网上找了一会,说实话英文的资料看的头晕目眩。问题可能是出在了我的html。我的写法可能不标准

如果再补一行tr就行了。

<table>
<tr>
<td rowspan="2">A</td>
<td rowspan="2">B</td>
<td rowspan="2">C</td>
</tr>
<tr></tr>
</table>