html - 窗户上的中心垫卡

Question

我看过一篇关于堆栈溢出的帖子，回答了我的问题（如何在有角度的材料中将 mat-card 居中？），但结果确实并不完美（见图）。

正如你所看到的，卡片被压扁了，它们在同一条线上。无论我将scss添加到卡片中，它都不会影响它们。我希望它们更大，并且一个在另一个之上。我发现令人难以置信的是，scss 选项并不容易将元素移动到您想要的位置......

Answer 1

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

堆栈闪电战

Answer 2

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

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

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