matSuffix使mat-icon在mat-icon-button中不水平居中

matSuffix是Angular Material中的一个指令，它用于在mat-icon-button中添加一个后缀图标，并且使该图标不水平居中。

在Angular Material中，mat-icon-button是一个带有图标的按钮元素。默认情况下，按钮上的图标是水平居中的。然而，有时我们可能希望在按钮上的图标的某一侧添加一个附加图标，而不改变图标的水平对齐方式。

要在mat-icon-button中使用matSuffix，首先需要确保你已经引入了Angular Material库，并正确导入了相应的模块。然后，可以使用matSuffix指令来添加后缀图标。

示例代码如下：

<button mat-icon-button>
  <mat-icon>favorite</mat-icon>
  <mat-icon matSuffix>delete</mat-icon>
</button>

在上面的示例中，matSuffix指令被应用在第二个mat-icon元素上。这将在按钮的右侧添加一个删除图标。

matSuffix指令的作用是将图标放置在mat-icon-button的内容的末尾，并且不会影响图标的水平对齐方式。这样，前一个mat-icon元素（在例子中是favorite图标）仍然会水平居中显示，而后一个mat-icon元素（在例子中是delete图标）会出现在favorite图标的右侧。

总结一下，matSuffix是Angular Material中的一个指令，用于在mat-icon-button中添加一个后缀图标，同时保持图标的水平对齐方式不变。

腾讯云相关产品推荐：

• 腾讯云前端开发工具套件：提供了一系列用于前端开发的工具，包括开发框架、组件库、测试工具等。详情请参考：腾讯云前端开发工具套件
• 腾讯云服务器（CVM）：提供安全可靠、高性能、可弹性调整的云服务器，适用于各类应用场景。详情请参考：腾讯云服务器（CVM）
• 腾讯云云原生容器服务（TKE）：为容器化应用提供高性能的集群管理服务，支持快速部署、弹性伸缩、自动扩展等功能。详情请参考：腾讯云云原生容器服务（TKE）

注意：由于要求不能提及特定的云计算品牌商，上述腾讯云相关产品仅为示例，实际应根据具体需求选择适合的云计算平台和产品。