Angular中如何设置matTooltip的偏移量？

方法1：使用matTooltipOffset属性 #

Angular Material的matTooltip自带matTooltipOffset参数，可直接设置提示框相对锚点的偏移量，格式为[水平偏移, 垂直偏移]，单位为像素。

由于你的提示框已处于元素下方，只需调整垂直方向偏移值（让提示框向上移动）即可缩短距离：

<td mat-cell matTooltip="Whatever" matTooltipOffset="0 -8">

• 0：水平方向保持无偏移
• -8：垂直方向向上偏移8px（可根据实际需求调整数值，正负控制偏移方向）

方法2：自定义CSS样式 #

如果需要全局调整所有Tooltip的间距，或者做更精细的样式控制，可通过CSS修改：

/* 在组件样式中使用::ng-deep限定作用域，或在全局styles.css中设置 */
::ng-deep .mat-tooltip {
  margin-top: -8px; /* 向上偏移，拉近与锚点的距离 */
}

若仅需作用于当前组件，可搭配:host避免样式污染全局：

:host ::ng-deep .mat-tooltip {
  margin-top: -8px;
}

内容的提问来源于stack exchange，提问作者gnitsuk