Question

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

<!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;

它是一个不间断的空间，后面有一个回车导致空间。但在我的标记中它并不存在。我怎么能让它消失？

Answer 1

想出来。 </tr>标记后有一个不间断的空格。这不是一个常规空间，因为我无法通过在tr标签后面键入空格来重新创建问题。但我可以削减空间，刷新页面，它就会消失。粘贴在空间中，它会回来。

字面意思是一个看不见的问题！

浏览器 - 插入td导致嵌套表上方的空间

1 个答案: