将文本与 Snackbar 内的中心对齐（角度材质）

Question

嘿，如何将 SnackBar 内的文本对齐到中心？

这是我的代码，它不起作用：

import { Injectable } from '@angular/core';
import { MatSnackBar, MatSnackBarConfig } from '@angular/material';

@Injectable({
  providedIn: 'root'
})
export class MaterialService {

  constructor(public snackBar: MatSnackBar) { }

openSnackBar(message:string){

let config = new MatSnackBarConfig();
config.panelClass = 'text-align:center';

  this.snackBar.open(message);
}

}

感谢您 ：）

Answer 1

只需将其添加到您的 style.css （或任何全局 css，在我的例子中，我将其放入我的 app.component.scss 中）

边距：自动；将span标签置于snackBar的中心

文本对齐：居中；将使文本在范围内居中

simple-snack-bar span {
  margin:auto;
  text-align: center;
}

这样的设置将应用于您的所有 SnackBar。

Answer 2

对于 Angular 7 w/material，我在全局 style.css 中使用它：

.mat-simple-snackbar span {
  margin: auto;
  text-align: center;
}