Диалог материала в середине

Question

Возможно ли установить диалоговое окно материала автоматически по центру экрана?Когда я открыл диалоговое окно, окно находится в верхнем левом углу.Я заметил, что я могу вручную изменить положение окна с помощью класса css: .cdk-overlay-container следующим образом:

.cdk-overlay-container {
    margin: 200px 0 0 0;
}

Можно ли сделать это автоматически?К сожалению, поле: авто не работает.

Answer 1

Нижеследующее должно работать, если cdk-overlay-container имеет ширину 100% и высоту окна браузера 100%.

.cdk-overlay-container {
    justify-content: center;
    align-items: center;
}