仅一行的离子网格垂直滚动

Question

我正在建立一个具有N个列的响应式网格，所有网格都排成一行。它们位于单行的原因是，每行的列数取决于屏幕宽度（类似于引导响应网格）。我有从服务器获取的图像列表，并将其显示在网格内的每一列中。这里的代码

 <ion-grid>
    <ion-row *ngIf="data && data.length > 0">
       <ion-col size="6" size-md="4" size-lg="3" class="grid-box"  *ngFor="let d of data">
        <div class="dummy-square"></div> 
        <img [src]="d" >
     </ion-col>
    </ion-row>
 </ion-grid>

现在的问题是，因为它只有一行，所以>

如果我只有几个项目，那么项目将垂直居中，而不是像这样居于顶部

我需要的是

并且如果我的项目多于我在屏幕上无法容纳的项目，那么整行将垂直居中，因此屏幕上的前几个项目不在屏幕上，而不是像这样停靠在顶部

但是我想要的是这个

我的感觉是，这全都是因为单行，但是我可能是错的。任何人都可以提出任何解决方案。

谢谢

我正在建立一个具有N个列的响应式网格，所有网格都排成一行。它们位于单行中的原因是，每行的列数取决于屏幕宽度（类似于...

Answer 1

终于找到了问题，我的离子网被包裹在一个容器中，并应用了以下样式