html - Chrome 和 Firefox 中的中心表单

Question

我有一个简单的登录表单，它在 Internet Explorer 中居中，但在 Chrome 和 Firefox 中，它与页面左侧对齐。我需要做什么才能使表单在其他 2 个浏览器中居中。

 <form name="form1" method="POST" action="<?php echo $loginFormAction; ?>">
 <td>
 <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
 <tr>
 <td colspan="4"><div align="center"><strong>Client Login</strong></div></td>
 </tr>
 <tr>
 <td></td>
 <td></td>
 <td><input name="myusername" type="text" id="myusername" placeholder="Company Name" size="24"></td>
 <td>&nbsp;</td>
 </tr>
 <tr>
 <td></td>
 <td></td>
 <td><input name="mypassword" type="password" id="mypassword" placeholder="password" size="25"></td>
 <td>&nbsp;</td>
 </tr>
 <tr>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 <td><input name="Submit" type="submit" class="submit_button" value="Login"></td>
 <td>&nbsp;</td>
 </tr>
 </table>
 </td>
</form>

Answer 1

尝试将表单宽度更改为 100%。这个例子

<form name="form1" method="POST" action="<?php echo $loginFormAction; ?>" style="width:100%;">