如何在表格中居中输入表格？ HTML

我想把输入放在一行中。如何在表格中居中输入表格？ HTML

<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>

来源

2015-07-11 kacpi2442

而由“行”，你是指列，我假设？ – Siguza

不要使用表格进行布局，有更好的选择。至少，不要使用单个单元格表格。 –

@Siguza是的，在专栏中， – kacpi2442

我认为你试图让我们不得不使用的“TR”标签center.For这一切排列在一个HTML表和定义行“TH”标签，其限定在HTML table.Try标题单元格以下代码：

<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>

此外，我们还使用表格的align属性以及我们创建的新行来获得所需内容。

来源

2015-07-11 19:23:02

-1

那样做：

<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>

来源

2015-07-11 19:23:35

我觉得你有3种选择：

使用CSS & position:relative与left' of each inputs`，这是完全无效玩。
添加一些更HTML，我的意思是把每个输入在独立td。 这是我认为的最佳选择，甚至更好的是您将label/text' of each input也放在另一个td上。
使用div（例如）代替td，以获得更多控制权并使用CSS。

我强烈建议你使用选项＃2，希望这个帮助。

来源

2015-07-11 19:28:58

如何在表格中居中输入表格？ HTML

回答

相关问题