Question

ie10没有显示优于colspan的边界。
它在其他浏览器上显示良好，但在IE 10上没有显示。我将在下面发布我的代码。

HTML CODE：

<table>
<thead>
    <tr>
        <td rowspan="2">1</td>
        <td rowspan="2">2</td>
        <td colspan="4">3</td>
        <td rowspan="2">4</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
        <td colspan="2">7</td>
    </tr>
</thead>
<tbody>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td colspan="3">4</td>
        <td>5</td>
    </tr>
</tbody>
</table>

CSS代码：

table tr td {
    border: 1px solid black;
    width: 100px;
}
table {
    border-collapse:collapse;
}

7岁以下的边界消失了。我该如何展示呢？

这里是jsfiddle的例子： http://jsfiddle.net/H4z7Q/

ADD：如果在ie10中发生某些事件，边界将恢复正常。

Answer 1

您可以使用表格内联样式统计信息。而不是border-collapse:collapse;

<table cellpadding=0 cellspacing=0>

将算作同样的效果。但会回来并且会产生你的问题

Answer 2

标记违反了HTML表模型，正如您可以通过http://validator.w3.org检查它看到的那样，参考第一行：“由元素td建立的表格列6没有从其开始的单元格”。< / p>

因此所有赌注都已关闭。修改表结构以使其符合，或尝试使用除布局表之外的其他工具来实现所需的布局。

td与colspan边界在ie10 quirk模式中断开

2 个答案: