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

标签 html css google-chrome

<分区>

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”之后到结尾的一条下划线。我认为这是一个渲染错误;检查“已讨论...”单元格显示没有设置边框。

在我提交此错误之前,其他人可以确认我没有疯吗?

最佳答案

不,你没有。因为另一个<td>有边界,中心<td>也不得不接受它。添加border-bottom:1px solid white"到中心<td> ( http://jsfiddle.net/YZBXn/2/ ) 使它看起来符合需要。如果您发现了错误,您应该在 http://crbug.com 上报告它.

关于html - 在没有定义的单元格上显示边框是 Chrome 中的错误吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16242227/

相关文章:

javascript - "enter key"单击按钮在运行相应脚本后瞬间刷新页面

javascript - Chrome 文件链接过长 - 选项卡崩溃

python - 使用 Headless Chrome Webdriver 运行 Selenium

html - 图像不在原地,随着窗口的调整而拖动

javascript - Jquery/Javascript 创建元素

Jquery获取h2标签的值

css - 找不到网站页面和呈现问题

html - Microsoft.com 上的下拉箭头

全高清(1920 像素)上的 CSS 媒体查询与其他媒体查询一样

javascript - 如何将用户信息从服务器传递到 Chrome 扩展的网页?