如何在表格中居中輸入表格？ 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

回答

相關問題