Question

我想把输入放在一行。

<table border='1' cellpadding="25" style='border-collapse: collapse;border-color: silver;'> 
<tr style='font-weight: bold;'>
<td width='350' align='center'>
<h2>Register:</h2><br>
Login: <input type="text" name="login" maxlength="20" size="25" /><br>
Password: <input type="password" name="password" size="25" maxlength="32" /><br>
Repeat password: <input type="password" name="password2" size="25" maxlength="32" /><br><br>
</td></tr></table>

Answer 1

我认为你试图让所有这些在中心对齐。为此我们必须使用“tr”标签在HTML表格中定义一行并且“th” 标记，用于定义HTML表格中的标题单元格。请尝试以下代码：

<html>
<body>
<h2 align="center">Register</h2>
    <table align="center">
        <tr>
            <td>Login</td>      
            <td><input type="text" name="login" align="middle"/></td>
        </tr>
        <tr>
            <td>Password</td>
            <td><input type="password" name="pass" align="middle"/></td>
        </tr>
        <tr>
            <td>Repeat Password</td>
            <td><input type="password" name="rpass" align="middle"/></td>
        </tr>   

    </table>

我们还使用table的align属性和我们创建的新行来获得您想要的内容。

Answer 2

我认为你有3个选择：

使用CSS＆amp; position:relative并使用left' of each输入，根本无效。
再添加一些HTML，我的意思是将每个输入放在单独的td上。 这是我认为的最佳选择，甚至更好的是将label / text' of each input放在另一个td上。
使用div（例如）代替td进行更多控制并使用CSS。

我强烈建议您使用选项＃2，希望此帮助。

Answer 3

这样做：

<table border='1' cellpadding="25" style='border-collapse: collapse;border-color: silver;'> 
<tr style='font-weight: bold;'>
<td style="width: 300px; text-align: right;">
Login: 
</td>
<td style="width: 300px; text-align: left;">
<input type="text" name="login" maxlength="20" size="25" />
</td>
</tr>

<tr style='font-weight: bold;'>
<td style="width: 300px; text-align: right;">
Password:
</td>
<td style="width: 300px; text-align: left;">
<input type="password" name="password" size="25" maxlength="32" />
</td>
</tr>
</table>

如何将表格的输入集中在表格中？ HTML

3 个答案: