小编Alp*_*zkn的帖子

我想用卡片垂直列出数组中的项目，但是它们之间没有空格。我尝试使用填充，但似乎不起作用。

卡图像

我如何间隔这些卡？

<ng-container *ngIf="titles?.length; else noTitle">
    <mat-card class="asd cardPardding" *ngFor="let title of titles">
      <p>
      {{title}}
      </p>
    </mat-card>
  </ng-container>

  <ng-template #noTitle>
    <mat-card class="asd cardPardding">
      <p>
      No title !
      </p>
  </mat-card>
  </ng-template>

这是CSS

.asd {
  width: 80%;
  margin: 0 auto; /* Added */
}

.inputasd {
  width: 100%;
}

.cardPadding {
  padding: 100px;
  margin-bottom: 50px;
}

我在 VS Code 中使用“Popping and Locking”颜色主题，我也想在 WebStorm 中使用相同的主题。但是 VS Code 正在使用.vsix扩展，而 WebStorm 正在使用.icls

如何转换.vsix为.icls或如何在 WebStorm 中使用相同的主题。我必须手动完成吗？