Question

我希望这个表单带按钮水平排列，并整体坐在页面的水平中心。

如何设置我的CSS？

<form action="signup.php" method="post">
         <fieldset>
          <label>Email: <label>
          <input type="text" name="email" id="email" placeholder='email address' />
          <input type="submit" value="Sign Up" class= "button" />
          </fieldset>
          </form>

Answer 1

有很多方法可以解决这个问题。这是一个解决方案。虽然，我建议不要使用内联样式，但这里是带有CSS的表单。

<form action="signup.php" method="post" style="margin: 0 auto; width: 350px;">
  <fieldset>
    <label>Email: <label>
    <input type="text" name="email" id="email" placeholder='email address' />
    <input type="submit" value="Sign Up" class= "button" />
  </fieldset>
</form>

Answer 2

我会将你的输入包装在一个div中并设置div来显示：你的css内联。在您的CSS中也定位您的表单并将其设置为margin：auto

Answer 3

类似的东西：

<div style="width: 300px; margin-left: auto; margin-right:auto;">
    <form action="signup.php" method="post">
         <fieldset>
          <label>Email: <label>
          <input type="text" name="email" id="email" placeholder='email address' />
          <input type="submit" value="Sign Up" class= "button" />
          </fieldset>
      </form>
</div>

如何将此表单按钮块居中？

3 个答案: