Question

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

但我面临的问题很少

实际上使用填充：0px和margin：0px 删除列之间的空格。但是第一列和最后一列有一些边距。在其他第一列和最后一列剩下少量边距。但是我需要它应该与超级div碰撞，如图所示。
如何在每列的右上方显示复选框？我能够显示图标，但它有两个问题，一个是黑色，第二个显示左侧。
如何在图像中显示水平居中文本或者在左右两侧包含相等边距的文本？我没有把文字水平放在中心位置。这是我的plunker

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

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

Answer 1

＆＃34;行＆＃34; css课。这就是为什么你的外柱与内部间隔 - 填充不在列上（你正确地删除了），它在外部div上有＆＃34; row＆＃34;类。

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

要将文字居中，请将其输入Google。 Hit 1已经为我做了。

Answer 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;
}