html - 如何在表格上方添加空间？填充无效

我对angular和bootstrap有点陌生，请耐心等待。我认为形式只是引导程序的一部分，它使它变得更容易。

我的html其余部分似乎不太好align。表单在表单的底部和顶部显示“作业名称”紧靠其上方面板的边缘。我想增加空间以使其看起来更好。但是padding / margin / css无法正常工作，因此IDK怎么做。谢谢！

<form name="jobForm">
    <div class="form-group">
        <label for="jobName">Job Name</label>
        <input type="text"/>
    </div>
    <div>
        <label>By:</label>
        <input type="email" ng-model="reviewCtrl.review.author" required />
        <!-- $ referencing property on the form, valid comes with angular-->
        <div> reviewForm is {{reviewForm.$valid}}</div>
        <input type="submit" value="Submit" />
    </div>
</form>

最佳答案

您需要发布minimal, complete, and verifiable example。添加margin-top或padding-top都可以在form元素上进行。可能是导致您出现此问题的其他原因。表单上方的元素是否使用float属性？

form {
  margin-top: 25px;
  padding-top: 25px;
  // Both margin-top and padding-top work.
}

<form name="jobForm">
  <div class="form-group">
    <label for="jobName">Job Name</label>
    <input type="text"/>
  </div>
  <div>
    <label>By:</label>
    <input type="email" required/>
    <div>Text</div>
    <input type="submit" value="Submit" />
  </div>
</form>

关于html - 如何在表格上方添加空间？填充无效，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41918418/