我在页面上有一个 用于表格元素 的垫子工具提示，该提示嵌入在页面的 iframe 中。当我想查看工具提示时，如果文本很长，则工具提示超出了框架的限制。
并将位置调整为“after”:
<ng-container cdkColumnDef="budgetGroupName">
<mat-header-cell *cdkHeaderCellDef fxFlex="20%">Budget Group</mat-header-cell>
<mat-cell matTooltip="{{payroll.budgetGroupName}}" matTooltipPosition="after" *cdkCellDef="let payroll"
fxFlex="20%"><div class="wrapped-text">{{payroll.budgetGroupName}}</div></mat-cell>
</ng-container>
我也试过“右”、“上方”，但它们也会超出框架。我可以将它调整为例如“屏幕中心”或其他以看得更清楚吗？或者我只需要使用这 6 个不同的选项来定位，如右上、左上、爱、后、前，或者我可以手动调整到屏幕中间吗？
或者，如果可能的话，如果有在工具提示文本上滚动的功能，我也可以使用它来查看完整内容
最佳答案
这正是我上个月使用 mat-tooltip 时遇到的问题，因为它不允许任何 HTML 支持，所以我想出了一个完美的解决方案在所有情况下，还可以完全定制。
sat-popover
<button [satPopoverAnchor]='popover' (click)="popover.toggle()">
See Contact Details
</button>
<sat-popover #popover hasBackdrop>
<app-contact-overview [contact]="myContact"></app-contact-overview>
</sat-popover>
我也试试ng2-tooltip-directive但它有时会在随机位置显示 tooltip，所以我更喜欢使用 sat-popover 代替它。
我还在 stack-overflow 上发布了这个问题 angular-material-tool-tip-with-html-support
关于html - 如何将 Mat Tooltip 位置调整到屏幕中心？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59172649/