Sass 如何让垫子分隔器一直延伸到末端

Sass 如何让垫子分隔器一直延伸到末端,sass,angular-material,Sass,Angular Material,我有一个mat对话框,标题文本下有一个mat分隔符。我需要垫子分隔器一直延伸到两端,并水平触摸垫子对话框的边界 以下是我的mat对话框模板html: <h2 mat-dialog-title>This is a Dialog title</h2> <mat-divider></mat-divider> <mat-dialog-content> <p> Place content here </p> {{data

我有一个mat对话框,标题文本下有一个mat分隔符。我需要垫子分隔器一直延伸到两端,并水平触摸垫子对话框的边界

以下是我的mat对话框模板html:

<h2 mat-dialog-title>This is a Dialog title</h2>
<mat-divider></mat-divider>
<mat-dialog-content>

<p> Place content here </p>
{{data}}
</mat-dialog-content>

<mat-dialog-actions>
    <button class="mat-raised-button" (click)="close()">Close</button>
</mat-dialog-actions>
.mat-divider mat-divider-horizontal {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: red;
 }