如何在列之间设置边距或填充 0px？答案

【问题标题】：how to set margin or padding 0px between column?如何在列之间设置边距或填充 0px？
【发布时间】：2015-10-16 01:24:41
【问题描述】：

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

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

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

请使用预览按钮（全屏）检查代码。

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

【问题讨论】：

【解决方案1】：

“行”css 类上有一个填充。这就是为什么您的外列与内部隔开 - 填充不在列上（您正确删除了它），它在具有“行”类的外部 div 上。

对于复选标记，您可以使用浮点数将其移到右侧。

要使文本居中，只需在 Google 中输入即可。 Hit 1 已经帮我完成了。

【讨论】：

【解决方案2】：

使文本居中

.answer_block{
  border:1px solid grey;
  padding:20px; //added this
  width:100%;
  height:150px;
  background-color:lightgrey;

}

要使复选标记正确并且颜色为白色，请使用此

.ion-checkmark
{
  color:white;
  font-size: 16px;
  float:right;
}

【讨论】：