带有 ng-repeat 的离子卡，它们之间有空格答案

【问题标题】：ionic cards with ng-repeat with spaces between them带有 ng-repeat 的离子卡，它们之间有空格
【发布时间】：2017-04-30 19:57:57
【问题描述】：

我必须使用 ng-repeat 显示一系列卡片。就像是。

我现在正在做的是

<ion-view view-title="Active">

  <div class ='child_div_1'>
    <div class="card cardS" collection-item-width="'20%'" collection-item-height="40%">
      <div class="item item-text-wrap">
        <p>dljfweiuf</p>
      </div>
    </div>

  </div>

  <div class ='child_div_2'>
    <div class="card" collection-repeat="item in items" collection-item-width="'25%'" collection-item-height="60%">
      <div class="item item-text-wrap "  id="cards">
        {{item}}
      </div>
    </div>
  </div>
</div>

在我看来，我得到的是任何人都可以帮助我如何在两张牌之间创建间隙。

【问题讨论】：

标签： css angularjs ionic-framework

【解决方案1】：

将padding css 属性添加到 ng 重复 div

<div class ='child_div_2'>
    <div class="card" collection-repeat="item in items" collection-item-width="'25%'" collection-item-height="60%" style="padding: 15px;">
      <div class="item item-text-wrap "  id="cards">
        {{item}}
      </div>
    </div>
 </div>

【讨论】：

非常感谢它的工作，卡片完美出现，但背景中有一个边框，如上图。
要不要去掉边框
是的，刚刚更新了第二张图片，它只是我要删除的卡片周围的边框
添加这个border: none !important;