baweiji

最近在做一个行列锁定的表格,需要对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 

IE 

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

 

分析:

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

如果再补一行tr就行了。

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

分类:

技术点:

相关文章:

  • 2021-08-07
  • 2021-12-22
  • 2021-06-03
  • 2022-02-09
  • 2022-12-23
  • 2021-09-17
  • 2021-11-07
猜你喜欢
  • 2022-12-23
  • 2021-08-31
  • 2021-06-06
  • 2021-08-03
  • 2022-12-23
  • 2021-05-24
  • 2022-02-17
相关资源
相似解决方案