如何使用表格单元格格式添加换行符

Question

我使用自定义css进行表单设置。我需要在输入字段之间放置一个空格并对齐复选框。 这是我所拥有的一切 plunkr

<style> form {display: table;} p {display: table-row;}label {display: table-cell; }input {display: table-cell; } </style>

左列复选框的标签需要与它们左侧的复选框对齐。 右栏中的复选框需要左对齐，右侧有标签。

Answer 1

删除＆＃34;显示：table-cell＆＃34;复选框（但不是其他人）的标签上的样式将踢它们。构建整体布局的更好方法，但这是一个快速而肮脏的解决方案。

Answer 2

您可以为label和input元素添加一些上边距和下边距：

label, input{
    margin:5px 0px;
}

然后，您可以通过将input嵌套在label标记内来解决复选框问题，如下所示：

<p>
    <label>
        <input type="checkbox" ng-model="currentItem.CertPayroll" /> 
        Certified Payroll
    </label>
</p>