如何将表单移动到页面中心 HTML： 名字 姓 电子邮件地址 创建您的用户名 创建密码 CSS: #Regcontainer{ 宽度：1200px； 利润率：70像素自动； 边框：1px实心； 背景色：aliceblue； 排名：0； } .Regcontainer h1{ 字体大小：40px； 字体系列：“Helvetica Neue”，无衬线； 颜色：黑色； 线高：1； 左侧填充：35px； 填充顶部：35px； 颜色：黑色； } 输入{ 显示：内联块； 利润率：10px； } 输入[类型=文本]{ 填充：10px； 边框：2倍实心#212； 边界半径：2px； 盒影:#212121 ;； } 输入[类型=密码]{ 填充：10px； 边框：2倍实心#212； 边界半径：2px； 填充：5px10px 5px10px； } 输入[类型=提交]{ 背景色：#ff0000； 边框：1px实心#212121； 边界半径：5px； 颜色：aliceblue； 字体大小：粗体； } #背面表格{ 证明内容：中心； }

大家好，我正在创建一个注册表单，我想知道如何将整个表单移动到页面的中心？现在它都在容器的左侧，我希望它看起来像这样-

把你的表单放到这个

然后放到CSS类型

表单{text align:left；}

把你的表单放到这个

然后放到CSS类型

表单{text align:left；}

添加

边距：auto

和固定宽度到父级

DIV

。例如：

HTML: 

            <div id="Registercontainer">

            <div class = "RegForm">
            <h1> </h1>

                <div id = "back_glob">

                <div id = "back_form"> 
                   <form method="POST"> 
                     <label>FIRST NAME</label>
                    <input type="text" name ="FName"/> 
                     <label>LAST NAME</label>
                     <input type="text" name ="SNAME"/>
                       <br/>
                     <label>EMAIL ADDRESS</label> <input id = "email" name = "email" type = "text"/> 
                      <BR/>
                     <label>CREATE YOUR USERNAME</label> <input  name = "uname" type = "text"/> <br/>
                     <label>CREATE PASSWORD</label> <input  name = "pass" type = "password"/> 


                       <br/> 
                       <input  type="submit" name ="valid" value="REGISTER"/> 

                  </form>

                </div>

         </div>


           </div>
CSS:

  #Regcontainer{
        width:1200px;
        margin: 70px auto;
        border : 1px solid;
        background-color: aliceblue;
        top:0;

    }





    .Regcontainer h1{

       font-size:40px;
       font-family: 'Helvetica Neue', sans-serif;
       color:black;
       line-height: 1;    
       padding-left:35px;
       padding-top: 35px;
       color: black;
    }


    input{

        display : inline-block;
        margin: 10px;

    }

    input[type = text] {
        padding:10px;
        border : 2px solid #212;
        border-radius: 2px;
        box-shadow: #212121;
    }

    input[type=password]{
        padding:10px;
        border : 2px solid #212;
        border-radius: 2px;
        padding: 5px 10px 5px 10px;

    }

    input[type=submit]{
      background-color:#ff0000;
      border: 1px solid #212121;
      border-radius:5px;
      color:aliceblue;
      font-weight: bold;


    }


    #back_form {

        justify-content: center;


    }

小提琴：

---

添加

边距：自动
和固定宽度到父
DIV
。例如：

HTML: 

            <div id="Registercontainer">

            <div class = "RegForm">
            <h1> </h1>

                <div id = "back_glob">

                <div id = "back_form"> 
                   <form method="POST"> 
                     <label>FIRST NAME</label>
                    <input type="text" name ="FName"/> 
                     <label>LAST NAME</label>
                     <input type="text" name ="SNAME"/>
                       <br/>
                     <label>EMAIL ADDRESS</label> <input id = "email" name = "email" type = "text"/> 
                      <BR/>
                     <label>CREATE YOUR USERNAME</label> <input  name = "uname" type = "text"/> <br/>
                     <label>CREATE PASSWORD</label> <input  name = "pass" type = "password"/> 


                       <br/> 
                       <input  type="submit" name ="valid" value="REGISTER"/> 

                  </form>

                </div>

         </div>


           </div>
CSS:

  #Regcontainer{
        width:1200px;
        margin: 70px auto;
        border : 1px solid;
        background-color: aliceblue;
        top:0;

    }





    .Regcontainer h1{

       font-size:40px;
       font-family: 'Helvetica Neue', sans-serif;
       color:black;
       line-height: 1;    
       padding-left:35px;
       padding-top: 35px;
       color: black;
    }


    input{

        display : inline-block;
        margin: 10px;

    }

    input[type = text] {
        padding:10px;
        border : 2px solid #212;
        border-radius: 2px;
        box-shadow: #212121;
    }

    input[type=password]{
        padding:10px;
        border : 2px solid #212;
        border-radius: 2px;
        padding: 5px 10px 5px 10px;

    }

    input[type=submit]{
      background-color:#ff0000;
      border: 1px solid #212121;
      border-radius:5px;
      color:aliceblue;
      font-weight: bold;


    }


    #back_form {

        justify-content: center;


    }



小提琴：

请试试这个可能会有帮助

请试试这个可能会有帮助。
这是我想出的解决方案。。。但是它有什么作用呢

#Registercontainer
需要位于页面中央。也就是说，你的固定的
1200px
将不能很好地工作。我采取了减小from容器尺寸的方法，以提供更好的外观和感觉，如下所示：

#Registercontainer
{
   text-align: center;
}

另请注意，您的
需要
中指定的
for
属性

如果您有任何问题，请告诉我，有很多方法可以帮助您


#注册表容器{
最大宽度：600px；
最小宽度：320px；
宽度：100%；
利润率：70像素自动；
边框：1px实心；
背景色：aliceblue；
排名：0；
填充：15px；
}
.Regcontainer h1{
字体大小：40px；
字体系列：“Helvetica Neue”，无衬线；
颜色：黑色；
线高：1；
左侧填充：35px；
填充顶部：35px；
颜色：黑色；
}
输入{
显示：内联块；
利润率：10px；
}
输入[类型=文本]{
填充：10px；
边框：2倍实心#212；
边界半径：2px；
盒影:#212121 ;；
}
输入[类型=密码]{
填充：10px；
边框：2倍实心#212；
边界半径：2px；
填充：5px10px 5px10px；
}
输入[类型=提交]{
背景色：#ff0000；
边框：1px实心#212121；
边界半径：5px；
颜色：aliceblue；
字体大小：粗体；
}
#背面表格{
证明内容：中心；
}

向NackStack注册
名字


姓


电子邮件地址


创建您的用户名


创建密码


这是我想出的解决方案。。。但是它有什么作用呢

#Registercontainer
需要位于页面中央。也就是说，你的固定的
1200px
将不能很好地工作。我采取了减小from容器尺寸的方法，以提供更好的外观和感觉，如下所示：

#Registercontainer
{
   text-align: center;
}

另请注意，您的
需要
中指定的
for
属性

如果您有任何问题，请告诉我，有很多方法可以帮助您


#注册表容器{
最大宽度：600px；
最小宽度：320px；
宽度：100%；
利润率：70像素自动；
边框：1px实心；
背景色：aliceblue；
排名：0；
填充：15px；
}
.Regcontainer h1{
字体大小：40px；
字体系列：“Helvetica Neue”，无衬线；
颜色：黑色；
线高：1；
左侧填充：35px；
填充顶部：35px；
颜色：黑色；
}
输入{
显示：内联块；
利润率：10px；
}
输入[类型=文本]{
填充：10px；
边框：2倍实心#212；
边界半径：2px；
盒影:#212121 ;；
}
输入[类型=密码]{
填充：10px；
边框：2倍实心#212；
边界半径：2px；
填充：5px10px 5px10px；
}
输入[类型=提交]{
背景色：#ff0000；
边框：1px实心#212121；
边界半径：5px；
颜色：aliceblue；
字体大小：粗体；
}
#背面表格{
证明内容：中心；
}

向NackStack注册
名字


姓


电子邮件地址


创建您的用户名


创建密码


此
id=“Registercontainer”
与此
\Regcontainer
不匹配此
id=“Registercontainer”
与此
\Regcontainer