如何将输入表单放在页面的中心?

时间:2009-10-17 14:11:59

标签: css

我想从页面中心定位注册。

请告诉我该怎么做

3 个答案:

答案 0 :(得分:9)

使用以下CSS属性将其封装在div中:

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

答案 1 :(得分:1)

我使用以下内容创建了一个.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>

答案 2 :(得分:1)

只需使用:

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