html - ionic -如何将 ionic 列表变成网格

我有一个可点击项的离子列表，我想将其变成正方形项（框）的网格，但我不知道该怎么做。请帮忙。

这是我的清单：

<ion-view>

  <ion-content>
     <ion-list >
      <ion-item ng-repeat="letter in letters" href="#/letters/{{letter.number}}" class="letters-list">
        {{letter.title}}
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

请如何将其变成方形物品盒？

最佳答案

根据设备大小添加类。用于显示每个项目尺寸的class="col col-50"将为总宽度的50％。有关更多信息，http://ionicframework.com/docs/components/#grid

<ion-view>

  <ion-content>
     <ion-list class="row">
      <ion-item class="col col-50" ng-repeat="letter in letters" href="#/letters/{{letter.number}}" class="letters-list">
        {{letter.title}}
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

如果无法使用ion标记执行操作，请尝试使用div标记执行操作。

  <ion-content>
     <div class="row">
      <div class="col col-50" ng-repeat="letter in letters" href="#/letters/{{letter.number}}" class="letters-list">
        {{letter.title}}
      </div>
    </div>
  </ion-content>
</ion-view>

他们必须工作。当然都是。