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

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

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

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

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

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

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

【问题讨论】:

    标签: javascript angularjs html css ionic-framework


    【解决方案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;
      }
      

      【讨论】: