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 类上有一个填充。这就是为什么你的外部列向内间隔 - 填充不在列上(你正确删除了它)，它在具有“行”类的外部 div 上。

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

要使文本居中，请在 Google 中输入即可。 Hit 1 已经帮我做了。