Html Can'；无法正确居中，页边距：0自动/页边距：自动为'；行不通

我有一些HTML代码，这让我非常头疼。基本上，web页面是一个表单，其中心有一个字段框，字段框后有一个“提交”按钮，表单上方有两行文本

我尝试了文本对齐：两行文本都居中，两行文本似乎居中对齐，但没有居中到页面中间（我也尝试使其响应）

“提交”按钮只是保持在左中心，除非我将其放入字段框中，否则我不想这样做。 这是我的密码：

.divvy{
位置：绝对位置；
左：50%；
最高：50%；
余量：-100px0-150px；
}
#输入框{
明确：两者皆有；
背景色：rgba（0,0,0,0）；
边框颜色：rgba（0,0,0,0）；
颜色：#dbdb；
字体大小：粗体；
宽度：12em；
左侧填充：0.2米；
文本对齐：左对齐；
}
#头衔{
颜色：白色；
}
#福尔米{
颜色：#C6；
背景色：#7272；
背景色：rgba（0,0,0,0.5）；
边界半径：1.2米；
文本对齐：居中；
填充：0.35em 1.25em 0.75em 0.75em；
边框：0.1米实心；
边框颜色：#7272；
边框颜色：rgba（0,0,0,0.3）；
宽度：100%；
}

书名
副标题副标题
姓名：
电子邮件：
旅游居民

您是否尝试过使用中间标记

<div ng-repeat="slider in main.products">
  <center>
    <h3 id="title">TitleTitleTitle</h3>
    <h4>Subtitle Subtitle Subtitle</h4>


    <form name="reviewForm" ng-controller="ReviewController as reviewCtrl"
    ng-submit="reviewForm.$valid && reviewCtrl.addReview(product)" novalidate>
      <fieldset id="formy" >


        Name: <input  id="inputBox" type="text" class="hvr-underline-reveal" required><br>
        Email: <input  id="inputBox" type="text" required><br>
        Tourist <input  type="radio" name="livingStatus" value="Tourist">   Resident <input type="radio" name="livingStatus" value="Resident">


      </fieldset>

      <input margin="0 auto" display="block" width="2em" text-align="center" type="submit" class="btn btn-default hvr-back-pulse" value="Submit">

    </form>



  </center>
</div>

书名
副标题副标题
名称：

电子邮件：

旅游居民

---

现在，我知道表单看起来太宽了，但现在您可以继续按照自己的需要设置表单样式。

您尝试过使用中间标记吗

<div ng-repeat="slider in main.products">
  <center>
    <h3 id="title">TitleTitleTitle</h3>
    <h4>Subtitle Subtitle Subtitle</h4>


    <form name="reviewForm" ng-controller="ReviewController as reviewCtrl"
    ng-submit="reviewForm.$valid && reviewCtrl.addReview(product)" novalidate>
      <fieldset id="formy" >


        Name: <input  id="inputBox" type="text" class="hvr-underline-reveal" required><br>
        Email: <input  id="inputBox" type="text" required><br>
        Tourist <input  type="radio" name="livingStatus" value="Tourist">   Resident <input type="radio" name="livingStatus" value="Resident">


      </fieldset>

      <input margin="0 auto" display="block" width="2em" text-align="center" type="submit" class="btn btn-default hvr-back-pulse" value="Submit">

    </form>



  </center>
</div>

书名
副标题副标题
名称：

电子邮件：

旅游居民

---

现在，我知道表单看起来太宽了，但是现在你可以继续按照你想要的样式设计表单了。

只需添加以下CSS即可

input.btn.hvr-back-pulse {
  margin: 0 auto;
  display: block;
}

---

只需添加以下CSS

input.btn.hvr-back-pulse {
  margin: 0 auto;
  display: block;
}

---

这是因为

框大小调整

是

内容框

（元素的宽度是在不添加边距/填充/边框的情况下计算的）

要解决问题，一个简单的方法是使用

边框框

，并将其应用于所有元素

* {
 box-sizing: border-box;
}

*{
框大小：边框框；
}
迪维先生{
位置：绝对位置；
左：50%；
最高：50%；
余量：-100px0-150px；
}
#输入框{
明确：两者皆有；
背景色：rgba（0,0,0,0）；
边框颜色：rgba（0,0,0,0）；
颜色：#dbdb；
字体大小：粗体；
宽度：12em；
左侧填充：0.2米；
文本对齐：左对齐；
}
#头衔{
颜色：白色；
}
#福尔米{
颜色：#C6；
背景色：#7272；
背景色：rgba（0,0,0,0.5）；
边界半径：1.2米；
文本对齐：居中；
填充：0.35em 1.25em 0.75em 0.75em；
边框：0.1米实心；
边框颜色：#7272；
边框颜色：rgba（0,0,0,0.3）；
宽度：100%；
}

书名
副标题副标题
姓名：
电子邮件：
旅游居民

这是因为您的

框大小调整

是

内容框

（计算元素的宽度时不添加边距/填充/边框）

要解决问题，一个简单的方法是使用

边框框

，并将其应用于所有元素

* {
 box-sizing: border-box;
}

*{
框大小：边框框；
}
迪维先生{
位置：绝对位置；
左：50%；
最高：50%；
余量：-100px0-150px；
}
#输入框{
明确：两者皆有；
背景色：rgba（0,0,0,0）；
边框颜色：rgba（0,0,0,0）；
颜色：#dbdb；
字体大小：粗体；
宽度：12em；
左侧填充：0.2米；
文本对齐：左对齐；
}
#头衔{
颜色：白色；
}
#福尔米{
颜色：#C6；
背景色：#7272；
背景色：rgba（0,0,0,0.5）；
边界半径：1.2米；
文本对齐：居中；
填充：0.35em 1.25em 0.75em 0.75em；
边框：0.1米实心；
边框颜色：#7272；
边框颜色：rgba（0,0,0,0.3）；
宽度：100%；
}

书名
副标题副标题
姓名：
电子邮件：
旅游居民

这是可行的，但并不完全正确。事实上，我认为网页的“中心”位置是向左四分之一英寸左右，除了表单，表单完全居中（我认为）@Quibble，要使中心成为完整的div，您只需添加-

margin:0 auto；转换：翻译（-50%，-50%）

到你的

.divvy

类。这很有效，但不是很中心。事实上，我认为网页的“中心”位置是向左四分之一英寸左右，除了表单，表单完全居中（我认为）@Quibble，要使中心成为完整的div，您只需添加-

margin:0 auto；转换：翻译（-50%，-50%）

到你的

.divvy

类。这使得表单是无止境的，并将其一直推到顶部（我仍然遇到“中心”稍微偏左的问题），这使得表单是无止境的，也将其一直推到顶部（我仍然遇到“中心”的问题）稍微偏左）这起作用了，你是个圣人。你能解释一下为什么会这样吗？（我将您标记为正确）您是否阅读过有关“框大小”属性的信息？我想那会有帮助的。这奏效了，你是个圣人。你能解释一下为什么会这样吗？（我将您标记为正确）您是否阅读过有关“框大小”属性的信息？我想那会有帮助的。