窗户上的中心垫卡答案

【问题标题】：Center mat-cards on the window窗户上的中心垫卡
【发布时间】：2020-02-21 19:36:09
【问题描述】：

我看到一篇关于堆栈溢出的帖子回答了我的问题 (How to center mat-card in angular materials?) 但结果确实并不完美（见图）。

如您所见，卡片被压扁了，它们在同一条线上。无论我将scss添加到卡片中，它都不会影响它们。我希望它们更大，并且一个在另一个之上。我觉得不可思议的是，scss 选项并不简单地将元素移动到您想要的位置......

【问题讨论】：

【解决方案1】：

将center 类添加到 mat-card 标签并放在 css 下方。

    .center {
        top   : 20%;
        height: 40%;
        width : 40%;
        margin: 0 auto;
        display: flex;
    }

如果这不适用于 scss 文件，则将 ::ng-deep 放在 .center 的前缀

【讨论】：

【解决方案2】：

我尝试了How to center mat-card in angular materials?中给出的答案，它有效

【讨论】：