样式复选框在表格中重叠

Question

我在stackoverflow上从另一个问题得到了这个片段：

Snippet

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

我该如何解决？

此外，＆＃39;宽度：100％＆＃39;不适用于标签

Answer 1

尝试

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

或者不添加表格样式

label{
display: block;
}

另外，我制作了一个codepen here