Html mat扩展面板标题对齐问题

我已经添加了一个按钮到我的垫扩展面板：垫扩展面板标题在角材料7

没有按钮，标题的对齐是正确的，但有了按钮，标题向上移动。图片链接如下

我正在使用以下SCS将按钮向右移动

.右对齐标题>.mat内容{
证明内容：之间的空间；
}
.mat内容>mat面板标题.mat内容>mat面板说明{
flex:0自动；
}

我使用了以下方法：

mat-panel-title {
    justify-content: center !important;
}

---

创建一个CSS类

。标题对齐

，并将其添加到您的

CSS的代码如下所示：

.标题对齐.mat扩展面板标题，
.标题对齐.mat扩展面板标题说明{
弹性基准：0；
}
.标题对齐.mat扩展面板标题说明{
证明内容：之间的空间；
对齐项目：居中；
}
垫形场{
右边距：12px；
}

对齐项目：居中；