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