css - 带有 ng-repeat 的 ionic 卡，它们之间有空格

Question

我必须使用 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>

我的观点是 任何人都可以帮助我如何在卡片之间创建间隙，即两张卡片之间的间隙。

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