<mat-card>未引发-没有边框

Question

我有这个简单的html：

 <mat-card>
    <mat-card-content>
      <code>{{file}}</code>
    </mat-card-content>
 </mat-card>

由于某种原因，当呈现mat-card元素时，它没有被提出-我正在寻找这样的东西：

有谁知道我是否可能会缺少一些其他CSS？我不明白

Answer 1

我的问题是我的styles.css中没有导入主题：

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

Answer 2

您可能只需要在Mat卡中留有保证金即可。

<mat-card style="margin:2em;">
...more code
</mat-card>

这是一个stackblitz 演示