如何设置mat-icon和按钮标题之间的填充

在设置mat-icon和按钮标题之间的填充时，可以使用CSS来实现。以下是一种常见的方法：

1. 首先，在HTML文件中，将mat-icon和按钮标题包裹在一个父元素中，例如一个div元素。

<div class="icon-button">
  <mat-icon>icon_name</mat-icon>
  <span class="button-title">按钮标题</span>
</div>

1. 在CSS文件中，为父元素添加样式，并设置padding属性来控制填充的大小。

.icon-button {
  display: flex;
  align-items: center;
  padding: 5px; /* 根据需要调整填充的大小 */
}

.icon-button mat-icon {
  margin-right: 5px; /* 根据需要调整图标和标题之间的间距 */
}

通过以上方法，你可以设置mat-icon和按钮标题之间的填充。你可以根据需要调整填充的大小和图标与标题之间的间距。这样可以使按钮的样式更加美观和整齐。

关于mat-icon和按钮的更多信息，你可以参考腾讯云的Angular Material组件库，该组件库提供了丰富的UI组件和样式，可以满足各种前端开发需求。

腾讯云Angular Material组件库链接地址：https://ng.ant.design/components/icon/