Question

我正在创建一个网页，我遇到了一个奇怪的问题（实际上我的朋友正在测试该页面），我正在使用<div>标签来构建我的大部分页面，但我制作了“登录”表单像这样的表：

<center>
<table>
    <tr>
        <td class="right">
            <p>Username:</p>
        </td>
        <td class="left">
            <input type="text" id="user" />
        </td>
    </tr>
    <tr>
        <td class="right">
            <p>Password:</p>
        </td>
        <td class="left">
            <input type="password" id="pass" />
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
            <input type="button" onclick="__doSubmit();" value="Login" />
        </td>
    </tr>
</table>
<center>

现在这里是Chrome中的样子：http://shrani.si/f/1v/Ib/2NASwBD0/chome-ok.jpg

以及它在firefox中的表现：http://shrani.si/f/15/Sx/2Nqj5ULv/ff-prob.jpg

任何人都知道为什么会这样？

编辑：对不起，<center>只是因为我真的很想解决这个问题。

Answer 1

您忘记关闭中心标记了。最后你有：

<center>

但你应该：

</center>

另外，从更技术性的角度来看，HTML5中不再支持该标记，并且已弃用。您应该考虑使用CSS来设置和整理您的网页。

此外，使用表格来保存非表格数据并不是一个好习惯。对于你正在做的事情，Divs将是一个更好的选择。

Answer 2

可能HTML标记错了吗？

请在此处验证您的网页，以检查您是否错过了标记或其他内容：

http://validator.w3.org

Answer 3

首先，您忘记关闭中心标记。其次，不推荐使用该标记，您应该使用CSS：https://developer.mozilla.org/en-US/docs/HTML/Element/center

为什么Firefox不合适？<table> </table>

3 个答案: