中间的材质对话框

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;
}