Question

我的桌面是一个简单的登录页面。我并没有坚持这个，因为我知道我可以将我的桌子拆开并以另一种方式获得造型，但似乎在Firefox中打破了colspan。

HTML

<table>
    <tbody>
        <tr>
            <td>E-mail:</td>
            <td colspan="2">
                <input type="textbox" name="email">
            </td>
        </tr>
        <tr>
            <td>Password:</td>
            <td colspan="2">
                <input type="password" name="password">
            </td>
        </tr>
        <tr>
            <td colspan="3">
                <input type="submit" value="Login">
            </td>
        </tr>
        <tr>
            <td colspan="2">Forgot your password?</td>
            <td style="width: 70px;"><a href="reset.php">Reset It</a>
            </td>
        </tr>
        <tr>
            <td colspan="2">Don't Have an Account?</td>
            <td><a href="create.php">Make One</a>
            </td>
        </tr>
    </tbody>
</table>

CSS

table {
    width: 250px;
}
td:last-child {
    text-align: right;
}

Here is a jsFiddle for my table。在Chrome或IE中查看此表，您可以看到我正在尝试做的是使电子邮件和密码的输入框与“忘记密码”和“没有帐户”重叠。所以colspan应该在chrome和IE中做出那些重叠，但在Firefox中却没有。它怎么会在Firefox中失败？

Answer 1

在我看来，Firefox正确显示它。文字在IE和Chrome中溢出。您需要实际拥有3列才能使colspan正常工作：

<table>
  <tbody>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
...

如何在Firefox中打破colspan？

1 个答案: