在 ie10 怪癖模式下，带有 colspan 边框的 td答案

【问题标题】：td with colspan border broken in ie10 quirk mode在 ie10 怪癖模式下，带有 colspan 边框的 td
【发布时间】：2013-06-26 18:22:44
【问题描述】：

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

HTML 代码：

<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/

添加：如果ie10发生某些事件，边框恢复正常。

【问题讨论】：

标签： css internet-explorer-10 html-table

【解决方案1】：

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

<table cellpadding=0 cellspacing=0>

将视为相同的效果。但会回来并解决你的问题

【讨论】：

<table cellpadding=0 cellspacing=0> 使边框变粗.. 1px->2px 因为两个单元格也有边框
您可以在表格中使用frame=box inline 并增加边框粗细以匹配边框粗细。但这会增加框边框的厚度。这几乎会解决您的问题，除非您将拥有 2px 的所有边框。只是为了让您知道我只是想以“老派”的方式解决您的问题。

【解决方案2】：

该标记违反了 HTML 表格模型，您可以通过使用 http://validator.w3.org 检查它来查看它，它指的是第一行：“由元素 td 建立的表格第 6 列没有以它开头的单元格”。

所以所有的赌注都没有了。修改表格结构以使其符合要求，或尝试使用布局表格以外的其他工具来实现所需的布局。

【讨论】：