如何将输入表单定位在页面中心？

Question

我想把注册表单放在页面中央。

请告诉我应该如何实现。

- Anand

Answer 1

将其封装在这个div中:

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

- Wayne Hartman

---

附加项：使用XHTML 1.0过渡性。同时缩短它：margin:0px auto; - mauris

你还需要在你的body/div上加上text-align:center来正确地将它居中在页面上，仅仅将边距设置为自动是不够的。 - James Goodwin

非常感谢。顶部和底部的边距怎么样？上面的代码将表单放置在页面的顶部。 - Anand

你可以使用 margin: 10px auto 0 auto; ，这将产生相同的效果，但页面顶部会多出一些空间。 - James Goodwin

你可以添加顶部和底部边距。水平居中的是左右边距。 - Wayne Hartman

Answer 2

只需使用以下代码：

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

- user2395366

Answer 3

我创建了一个.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>

- Michael Holland