angular - Angular snackbar 中的中心文本

Question

在 Angular snackbar 中将文本居中的正确方法是什么？

我已经尝试过这个，但不起作用:

let config = new MatSnackBarConfig();
config.panelClass = 'center';
this.snackBar.open(message, undefined, config);

然后在某个 css 文件中(同一组件或全局文件中):

.center {
   justify-content: center;
}

Answer 1

您可以使用 open() 和 panelClass 来完成此操作，但需要修改 CSS:

.center > .mat-simple-snackbar {
  justify-content: center;
}