样式复选框在表格中重叠

Question

我从 stackoverflow 上的另一个问题中得到了这个 sn-p：

Snippet

如果我将这些复选框放在一个表格中，每行一个复选框，它们会由于标签的填充而重叠。为什么会这样？为什么表格单元格不改变它们的高度？

我该如何解决？

另外，'width: 100%' 不适用于标签

Answer 1

试试

tr {
display:block;
margin:10px 0px;
}

或者不添加表格样式

label{
display: block;
}

另外，我做了一个codepen here