我想将材质选择字段对齐到表格行的中心。

我在添加了3个mat-select字段的列中使用了以下CSS代码。

<td mat-cell *matCellDef="let element">
  <div class="actions-column">
    <mat-form-field appearance="fill">
      <mat-select>...</mat-select>
    </mat-form-field>
    <mat-form-field appearance="fill">
      <mat-select>...</mat-select>
    </mat-form-field>
    <mat-form-field appearance="fill">
      <mat-select>...</mat-select>
    </mat-form-field>
  </div>
</td>

.actions-column {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
}

但它不起作用，屏幕截图显示Select字段没有在两个边框之间居中对齐，而是附加到顶部边框。