Question

我正在努力让我的注册表单响应，我尝试添加

在外部div

width:100%;

并在内部div

margin-left:auto;
margin-right:auto;

但我不认为它有效。的更新我在wordpress上，这是我的网站link，这是问题区域的屏幕截图。 link

Answer 1

使用margin: 0 auto;

＆＃13;

body {
  width:100%; 
  height:100%; 
  
  background:grey;
}
form {
  width: 50%; 
  min-height: 1000px;
  margin: 0 auto; 
  background: lightgrey;
  text-align:center;
}
input {
  display: block;
  margin: 0 auto;
}

＆＃13;

<form>
    sign in
    <input type="text"/>
    <input type="password"/>
</form>

＆＃13;

Answer 2

这里需要解决的问题：

.sign_up_center {
    width: 100%; // responsive, for smaller screen
}
#field_2_1 {
    // force height, if not, your button goes on your field
    width: 100%;
    height: 50px;
}
#input_2_1{
    // full size mail field
    display: block;
    width: 100%;
}
#gform_submit_button_2{
    // full size submit button
    width: 100%;
}

在其中制作div响应和内容

2 个答案: