Html 样式生成的表行

我正试图实现这种桌子的外观。我想不出怎么把它隔开。这是到目前为止我的代码。我怎样才能做到这一点

---

您可以使用

flex-box

来实现这一点

正文{
背景：#3a9bcb；
}
桌子{
宽度：100%；
}
.软盒{
显示器：flex；
边缘底部：5px；
填充：10px；
背景：#fff；
}
上校{
弹性：1；
}
上校：第一个孩子，
上校：最后一个孩子{
柔性：0 30像素；
}

占位符文本
废物箱
占位符文本
废物箱

您可以使用

flex-box

来实现这一点

正文{
背景：#3a9bcb；
}
桌子{
宽度：100%；
}
.软盒{
显示器：flex；
边缘底部：5px；
填充：10px；
背景：#fff；
}
上校{
弹性：1；
}
上校：第一个孩子，
上校：最后一个孩子{
柔性：0 30像素；
}

占位符文本
废物箱
占位符文本
废物箱

您可以查看以下代码段，如果您正在寻找向后兼容性，以下代码段可能会很有用

.wrapper{填充：20px；背景：蓝色；}
表tr td:last child，表tr td:first child{width:25px；}
表{宽度：100%；背景：#fff；页边距底部：5px}
表：最后一个子项{margin bottom:0；}

[#]
你好
[#]
[#]
你好
[#]

您可以查看以下代码段，如果您正在寻找向后兼容性，以下代码段可能会很有用

.wrapper{填充：20px；背景：蓝色；}
表tr td:last child，表tr td:first child{width:25px；}
表{宽度：100%；背景：#fff；页边距底部：5px}
表：最后一个子项{margin bottom:0；}

[#]
你好
[#]
[#]
你好
[#]

改用

flex-box

。使用flex-box需要我使用div。我不能在我的循环中嵌套div。你想要行之间的间距还是表单元格之间的内部缩进？改用

flex-box

。使用flex-box需要我使用div。我不能在我的循环中嵌套div。你想要行之间的间距还是你是关于表格单元格之间的内部缩进吗？嗨，这可能解决了我的问题。我可以将方框变白吗？更新了我的答案，看一看。嗨，这可能解决了我的问题。我可以将方框变白吗？更新了我的答案，看一看。

      <table class="table table-inverse" data-bind="foreach: todos">         
              <tr >
                  <td ><input type="checkbox" data-bind="checked: IsDone, click: $parent.updateTodo" /></td>
                  <td ><span data-bind="text: Description"></span></td>
                  <td ><small><a href="#" data-bind="click: $parent.deleteTodo" class="glyphicon glyphicon-trash"></a></small></td>
              </tr>     
      </table>