colspan在浏览器中失效的问题

<table border="1" style="border-collapse:collapse;">
<tr>
    <td>def</td>
    <td>ghi</td>
</tr>
<tr style="display: block;">
    <td colspan="2">abc</td>
</tr>
<tr>
    <td>def</td>
    <td>ghi</td>
</tr>
</table>

当tr的display：block时，colspan会失效，所以一般遇到table需要设置tr为block时，改为“table-row”即可。

 运用在这个案例中.