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

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>