javascript - 如何设置列之间的边距或填充0px？

Question

我正在尝试开发简单的应用程序，如图所示 [![在此处输入图像描述][1]][1]

但是我在这方面遇到了一些问题

• 实际上使用 padding:0px 和 margin:0px 删除了列之间的空间。但是第一列和最后一列有一些边距。在其他第一列和最后一列剩下的边距很少。但是我需要它应该与 super div 碰撞，如图所示。
• 如何在每列的右上角显示复选框？我可以显示图标，但它有两个问题，一是黑色，二是显示左侧。
• 如何使文本水平居中(如图所示)或使文本左右边距相等？ .我没有让文本水平居中。 这是我的笨蛋

http://plnkr.co/edit/kEplF4kXjIkRRmxNzsVb?p=preview

请使用预览按钮(全屏)检查代码。

.answer_div .col{
  padding:0px;
  margin:0px;
}

Answer 1

“行”CSS 类上有一个填充。这就是为什么你的外部列与内部间隔开 - 填充不在列上(你正确地删除了它)，它位于具有“row”类的外部 div 上。

对于复选标记，您可以使用 float 将其移至右侧。

要使文本居中，只需在 Google 中输入即可。 Hit 1 已经为我做到了。