使"Login"按钮在用户名和密码之间居中对齐

Question

我正在创建一个登录表单

<form action="loginform.php" method="POST" name="LoginForm">
<table border="1">
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="username"></td>
<td colspan="2" align="center"><input type="submit" name="login"value="LOGIN!"></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="pass"></td>
</tr>
<tr>
<td rowspan="4" align="center"><a href="url">Register!</a></td>
</tr>
</table>

正如你所看到的，我的代码无法使"登录！"按钮在用户名和密码对齐的中间对齐。我已经使用了colspan标签，但似乎不起作用。这里需要做什么？

此外，我希望"Register！"链接在表的最右侧对齐。我该怎么做？提前谢谢。

Answer 1

请注意，表格只能用于表格数据，但您的表格有一些非常奇怪的行和列跨度-第一行有5列，第二行有4列，第三行有1列（行跨度为4，即使只有3行）

我认为您的行和列混淆了——尝试将rowspan更改为colspan，反之亦然，但将colspan更改为5:

<table border="1">
<tr>
    <td>Username</td>
    <td>:</td>
    <td><input type="text" name="username"></td>
    <td rowspan="2" align="center"><input type="submit" name="login"value="LOGIN!"></td>
</tr>
<tr>
    <td>Password</td>
    <td>:</td>
    <td><input type="password" name="pass"></td>
</tr>
<tr>
    <td colspan="5" align="center"><a href="url">Register!</a></td>
</tr>
</table>

示例

Answer 2

尝试使用text-align:centre和text-align:right