样式复选框重叠 table

Question

我从 Whosebug 上的另一个问题中得到了这个片段：

Snippet

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

我该如何解决？

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

Answer 1

尝试

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

或不添加 table 样式

label{
display: block;
}

另外，我做了一个代码笔here