您可以通过添加以下HTML/CSS代码来使用position：absolute

超文本标记语言

<mat-card>
  <h1>Simple card</h1>
  <div class="buttons">
    <button mat-icon-button>
     <mat-icon aria-label="Example icon-button with a heart icon">favorite</mat-icon>
    </button>
    <button mat-fab>Basic</button>
  </div>
</mat-card>

字符串

CSS

.mat-card{ position: relative }

h1{ margin-right: 120px; }

.buttons{
  position: absolute;
  top:50%;
  right: 0;
  width: 120px;
  transform: translateY(-50%);
}

型

使用flexbox也会将按钮和文本垂直居中对齐。
Guide for flexbox

超文本标记语言

<mat-card>
    <h1>Simple card</h1>
    <div class="buttons">
        <button mat-icon-button>
            <mat-icon aria-label="Example icon-button with a heart icon">favorite</mat-icon>
        </button>
        <button mat-fab>Basic</button>
    </div>
</mat-card>

字符串

CSS

h1 {
    margin: 0;
}
.mat-card { 
    display: flex;
    align-items: center;
    justify-content: space-between;
}

型
Demo的

您可以使用CSS Float属性

<style>
      h1 {
        float: left;
        margin: 0;
      }
      .btn-float-left{
        float: left;
      }
      .btn-float-right{
        float: right;
      }
    </style>

    <mat-card>
      <h1>Simple card</h1>

        <button  mat-icon-button>
          <mat-icon aria-label="Example icon-button with a heart icon">
           favorite
          </mat-icon>
        </button>
        <button mat-fab class="btn-float-right">
          Basic
        </button>

    </mat-card>

字符串