html - 在没有定义的单元格上显示边框是否是 Chrome 中的错误？

Question

小提琴

<style>
    * {
        font-family: arial;
        font-size: 9pt;
    }
    table {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
    }
    td, th {
        margin: 0;
        padding: 0;
        border: none;
        vertical-align: bottom;
    }
</style>

<table>
    <tr>
        <td>I&nbsp;</td>
        <td style="border-bottom:1px solid black;width:1.5in">&nbsp;</td>
        <td>&nbsp;have discussed the above Mission and Value Based Objectives with&nbsp;</td>
        <td style="border-bottom:1px solid black;width:1.5in">&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td colspan="2">(Name of staff person/advocate)</td>
        <td>(Supported Individual)</td>
    </tr>
</table>

在 Firefox 中，这显示了两个不同的下划线段（如我所料），在 Chrome 26/Ubuntu 中，它显示了从“I”到结尾的一个下划线。我认为这是一个渲染错误；检查“已讨论...”单元格显示没有设置边框。

在我提交这个错误之前，其他人可以确认我没有发疯吗？

Answer 1

不，你没有。因为对方<td>都有国界，所以中央<td>也得拿下。添加border-bottom:1px solid white"到中心<td>( http://jsfiddle.net/YZBXn/2/ ) 使其看起来符合要求。如果您发现了一个错误，您应该在http://crbug.com上报告它。