收集 - 重复缩略图卡和奇怪的边距

Question

我正在构建一个集合重复，它遍历我的对象并根据它们填充卡片。我有两个主要问题要完成我的工作。使用此方法时，我一直在使用“缩略图”卡，但我无法正确设置边距。它基本上在左侧增加了一些余量，在右侧没有增加一个余量，也没有在不同的牌之间增加（下边距）我尝试过CSS，但没有任何效果。

这是我的HTML代码：

<div class="card" collection-repeat="item in items" item-width="'100%'">
    <div class="item item-divider">
        {{item.eventTitle}}
    </div>

    <div class="item item-text-wrap">
        <b>{{item.eventHour}}</b><br />{{item.eventText}}
    </div>
</div>

这就是我在浏览器上获得的内容（此处未添加自定义CSS），请查看左边距和右边未显示的边距：

如何解决底部和右边距的问题？

提前致谢

Answer 1

您使用集合重复的具体原因是什么？它会限制你的造型选择。

转换为简单的ng-repeat会使您的问题消失http://codepen.io/aaronksaunders/pen/PzZVPr

<ion-content>
  <div class="list">
    <div class="card" ng-repeat="item in items">
      <div class="item item-divider">
        {{item}} HEADER
      </div>
      <div class="item item-text-wrap">
        {{item}} BODY..
      </div>
    </div>
  </div>
</ion-content>