Question

fiddle

<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上报告。

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

fiddle

1 个答案: