<mat-card> 没有凸起 - 没有边框

Question

我有这个简单的html：

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

由于某种原因，当 mat-card 元素被渲染时，它没有被提升 - 我希望得到这样的东西：

有谁知道我是否会遗漏一些额外的 CSS？我不明白。

原文由 user5047085 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可能只需要在您的垫卡中留出一个边距。

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

这是一个 stackblitz 演示

原文由 brijmcq 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

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

原文由 csharpsql 发布，翻译遵循 CC BY-SA 4.0 许可协议