如何將輸入表單定位在頁面的中心？

請告訴我，我應該怎麼做，

2009-10-17 Anand

封裝它與下面的CSS一個div屬性：

<div style="width:400px; margin-right:auto; margin-left:auto; border:1px solid #000;"> 
    <form action="helloWorld"> 
     <Some markup> 
    </form> 
</div>

來源

2009-10-17 14:14:58

加上：使用XHTML 1.0過渡。也可以縮短它：'margin：0px auto;' – mauris 2009-10-17 14:20:14

您還需要在您的body/div上使用'text-align：center'來正確地將它居中放置在頁面中，僅僅將margin設置爲auto是不夠的。 – 2009-10-17 14:20:21

非常感謝。關於頂部和底部邊距怎麼樣？上面的代碼將表單放置在頁面的頂部/ – Anand 2009-10-17 14:24:17

我創建了下面的.css文件：

form {width: 40%; 
     margin-right: 30%; 
     margin-left: 30%; 
     background-color: green} 

div.mainform {width:100%; 
       border:1px solid #000}

然後在我使用的HTML文檔中。

<DIV ID="MAINFORM"> 
    <FORM> 
     Other HTML Markup 
    </FORM> 
</DIV>

來源

2013-05-17 17:56:51

只需使用：

<div style="margin:0 auto" align=center> 
<input button> 
</div>

來源

2013-05-17 20:15:12 user2395366

如何將輸入表單定位在頁面的中心？

回答

相關問題