Angular material MatTooltip赢得'；在整个项目中，如果不能与其对象/按钮对齐，如何对齐？

我正在与Metronic（从最前面下载）建立一个项目。我正在使用它的角度版本，我有一个样式问题，工具提示有一个向左偏移

尝试重新安装angular、工具提示、hammerjs，但没有任何更改

在pages.module.ts中：

import { MatTooltipModule, MatInputModule, ... } from "@angular/material";
@NgModule({
declarations: [ ... ],
imports: [
    ...
    MatTooltipModule,

],
providers:[],
entryComponents:[
    // multiple components for my custom dialogs
]
});

当我实际使用它时：

<button matTooltip="tooltip"><mat-icon>new</mat-icon></button>

新建

我还尝试使用

mattooltiposition

和所有可能的值，但没有任何改变

---

如图所示，当我将按钮悬停时，实际的工具提示显示在按钮的左侧，而不是与按钮对齐。*

您可以使用

mattooltiposition=“below”

尝试设置

mattooltiposition

的位置

新建

所有职位的正式文件：

---

我发现我

.cdk-overlay-pane{
    min-width:40vw;
}

---

在我的

styles.scss

中，使每个对话框足够大，但工具提示也使用了相同的类，因此使CSS指令更具体或只是删除它就解决了问题。

是的，我尝试了所有可能的位置，但它仍然停留在那里，远离按钮这正是我的问题所以我的问题，这一定是一个要追踪的问题。一个on-SO似乎在尝试设置

.cdk覆盖窗格的样式（例如调整modals的大小），但考虑到其广泛的用途和微妙的副作用，这似乎是一个不好的建议。
.cdk-overlay-pane{
    min-width:40vw;
}