Центрируйте мат-карты на окне

Я видел сообщение о переполнении стека, в котором я отвечал на мой вопрос (Как центрировать мат-карту в угловатых материалах?), но результат действительно не идеален (см. изображение). введите описание изображения здесь

Как видите, карты сжимаются и находятся на одной линии. Независимо от того, какие scss я добавляю к карточкам, это не влияет на них. Я бы хотел, чтобы они были намного больше, и один поверх другого. Мне кажется невероятным, что с помощью параметров scss не так просто перемещать элементы, куда вы хотите ...


angular html css angular-material mat-card
person H.B.    schedule 21.02.2020    source источник
comment
К вашему сведению, вам нужно опубликовать минимальный воспроизводимый пример, иначе мы будем угадывать, что происходит с вашим кодом. Я не могу представить, что Sass имеет к этому какое-то отношение ...   -  person Rene van der Lende    schedule 21.02.2020

Ответы (2)


arrow_upward
0
arrow_downward

Добавьте класс center в тег mat-card и поместите под css.

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

Если это не применяется в файле scss, поместите :: ng-deep просто префикс .center

person RBC    schedule 21.02.2020
comment
Хорошо, это лучше, они все еще рядом друг с другом, один над другим, но это может сделать § не знаю, почему я не мог изменить их размер до этого ... спасибо! - person H.B.; 21.02.2020

arrow_upward
0
arrow_downward

Я попробовал ответ, данный в Как центрировать мат-карту в угловых материалах ?, работает

Stackblitz

person Ininiv    schedule 21.02.2020