Question

当这个html页面由特定浏览器运行时，我在桌子上面有空间：

<table>
<center>
<tr><th width="150" scope="col">
5/28 - 5:47 PM: <br><br> x <br> x</th> <td width=1000>y
</td></tr>
<br><br><tr><td>&nbsp;</td></tr>

<tr><th width="150" scope="col">
5/16 - 12:59 AM: <br><br> z <br> z <br>z <br> z</th><td width=1000>y</td></tr>
<br><br><tr><td>&nbsp;</td></tr>
<tr><th width="150" scope="col">
5/10 - 12:34 AM: <br><br>z <br>z<br>z</th><td width=1000>y</td></tr>
<br><br><tr><td>&nbsp;</td></tr>
<tr><th width="150" scope="col">
5/8 - 4:47 PM: <br><br> z <br>z</th> <td width=1000> y</td></tr>
<br><br><tr><td>&nbsp;</td></tr>
</table>

如何摆脱它？

Answer 1

这个HTML严重受损。您不能在表格内部使用标签或文本，但在TR之外。您在该位置拥有CENTER和BR等标签。您应该使用验证器或体面的IDE来解决这些问题。

使用一些格式，您的代码是：

<table>
    <center> <!-- THIS IS INVALID -->
    <tr>
        <th width="150" scope="col">
            5/28 - 5:47 PM: <br><br> x <br> x
        </th>
        <td width=1000>y</td>
    </tr>
    <br><br><!-- THIS IS INVALID -->
    <tr>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <th width="150" scope="col">
            5/16 - 12:59 AM: <br><br> z <br> z <br>z <br> z
        </th>
        <td width=1000>y</td>
    </tr>
    <br><br><!-- THIS IS INVALID -->
    <tr><td>&nbsp;</td></tr>
    <tr>
        <th width="150" scope="col">
            5/10 - 12:34 AM: <br><br>z <br>z<br>z
        </th>
        <td width=1000>y</td>
    </tr>
    <br><br><!-- THIS IS INVALID -->
    <tr><td>&nbsp;</td></tr>
    <tr>
        <th width="150" scope="col">
            5/8 - 4:47 PM: <br><br> z <br>z
        </th>
        <td width=1000> y</td>
    </tr>
    <br><br><!-- THIS IS INVALID -->
    <tr>
        <td>&nbsp;</td>
    </tr>
</table>

最重要的是，您的CENTER标记没有结束标记，无论如何您真的不应该使用CENTER。

您的TR也有不一致的子元素数量;有时它是一个，有时它是两个。这将导致显示不一致，除非您对单独的孩子使用colspan="2"属性。

Answer 2

您的代码未经过良好编辑，未关闭<center>代码。要摆脱桌面上的额外空格，您应该删除<br>元素之间的<tr>标记

所以而不是

<tr>
    <th width="150" scope="col">
        5/28 - 5:47 PM: <br><br> x <br> x
    </th>
    <td width=1000>y</td>
</tr>
<br><br>
<tr>
    <td>&nbsp;</td>
</tr>

你应该

<tr>
    <th width="150" scope="col">
        5/28 - 5:47 PM: <br><br> x <br> x
    </th>
    <td width=1000>y</td>
</tr>
<tr>
    <td>&nbsp;</td>
</tr>

桌子上方的空白区域

2 个答案: