0

我有以下标记（简化了，但存在同样的问题）

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>table test</title>
</head>

<body>
<table style="border:2px blue solid; border-collapse:collapse; border-spacing:0;">
    <tr>
        <td >root table cell</td>
    </tr>
    <tr>
        <td style="border:2px green solid;">
        <table style="border:2px red solid; border-collapse:collapse; border-spacing:0;">
                <tr>
                    <td>some content</td>
                </tr>
                <tr>
                    <td><a href="ruleDoc.html">some link</a></td>
                </tr> 
            </table>
        </td>
    </tr>
</table>
</body>
</html>

问题是，嵌套表上方有一个空间。查看使用 Chrome 开发人员工具的实时标记，这是嵌套表的上方：

    &nbsp;

这是一个不间断的空格，后面有一个回车符，导致该空格。但在我的标记中它不存在。我怎样才能让它消失？

4

1 回答 1

0

弄清楚了。</tr>标签后有一个不间断的空格。它不是常规空格，因为我无法通过在 tr 标签后输入空格来重现问题。但我可以削减空间，刷新页面，然后它就消失了。粘贴在空间中，它又回来了。

从字面上看，一个看不见的问题！

于 2013-02-14T23:09:53.427 回答