垂直和水平滚动条无缘无故地出现在角度材质2中

Question

我正在尝试使用角度材质2实现包含制表符的模态对话框。 但它无缘无故地显示垂直和水平滚动条。有人可以帮助删除垂直和水平滚动条。

这是stackblitz链接

https://stackblitz.com/edit/matdialog-directives-demo-xnfx28?file=app%2Ffile-name-dialog.component.html

Answer 1

当您从此类中删除保证金底部时它将起作用 .mat-dialog-actions：last-child {

/*   margin-bottom: -24px;   */

} 你也需要删除 边距：0 -24px;来自.mat-dialog-content类。

Answer 2

尝试一下

::ng-deep .mat-dialog-container {
 overflow: hidden !important;
 }

用于特定的垂直和水平隐藏

::ng-deep .mat-dialog-container {
            overflow-x: hidden !important;
            overflow-y: hidden !important;
}

Answer 3

对我来说，这有助于摆脱垂直溢出：

::ng-deep .mat-dialog-container {
    padding-bottom: 0;
}

::ng-deep .mat-dialog-actions {
    margin-bottom: 0;
}

Answer 4

我认为此问题是由mat-dialog-content和mat-dialog-actions标签引起的，当删除标签时，它可以正常工作，我认为需要更改样式属性 溢出：隐藏；